@import url("common.css.php");
/*
http://templates.entheosweb.com/template_number/18043.asp
*/
*
{
  border:none;
  outline:none;
}
body
{
  background-color:black;
}

body.fixed
{
  background-image:url("../img/canstock2848711-fade.png");
  background-repeat: repeat-x;
}

p
{
  text-align: justify;
}

#top
{
  padding-top:10px;
}

#top a, #pied-de-page-fixed a, h2 a.registerBtn
{
  color: white;
}

/*Rounded corners*/
#enveloppe, .help
{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
  behavior: url(/css/border-radius.htc);
}
.avatar, .avatarThumb, .registerBtn, .login, .topSupport
{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  //-khtml-border-radius: 5px;
  behavior: url(css/border-radius.htc);
}
.avatar, .avatarThumb
{
  background-repeat: no-repeat;
}

.principal,.droite {
  float:right;
}

.principal {
  width:55em;
}

#enveloppe
{
  padding-bottom:20px;
  padding-right:1em;
  padding-left:1em;
  
  background:white;/*#fcfcfc;*/
  border:1px solid #aab;
  }

.enveloppe-exterieure
{
  width:70em;
  margin-left:auto;
  margin-right:auto;
}
 
.principal-mobile
{
  margin-left:10px;
  margin-right:10px;
}

div.gauche {
	float:left;
	padding-top:0.5em;
}
div.gauche#titleDiv {
	width:45em;
}
div.gauche#leftMenu {
	padding-top:1.5em;
	padding-left:0em;
	margin-left:0em;
	width:12em;
	float:left;
}

ul.leftMenu {
	padding-left: 0em;
	padding-right: 0em;
	list-style: none;
	margin:0em;
}
li {
  padding-bottom:0.5em;
}

ul.leftMenu#disconnected
{
  padding-top:3em;
}

ul.leftMenu#createGroup
{
  padding-top:2em;
}

form.leftMenu
{
  margin-bottom:1em;
}

select.leftMenu
{
  width:100%;
}

h3.leftMenu
{
  text-align:center;
}

a.leftMenu, input.btn, th, div.chatWindow
{
background: #eee; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #ddd); /* for firefox 3.6+ */
}

a.leftMenu:active
{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff)); /* for webkit browsers */

background: -moz-linear-gradient(top,  #ddd,  #fff); /* for firefox 3.6+ */
}

a.leftMenu,a.login
{
display:block;
}

/*a.leftMenu:hover
{
  text-decoration:none;
}*/

a.leftMenu,a.login, a.registerBtn
{
margin-bottom:0.3em;
padding-top :0.5em;
padding-bottom :0.5em;
padding-left :1em;
padding-right :1em;
text-align:center;
}

a.logout
{
  display:block;
  padding-top :1em;
}

ul#disconnected li
{
  margin-bottom:2em;
}

#disconnected
{
  margin-top:20px;
  line-height:20px;
}

#pied-de-page-fixed {
  padding-top:2em;
  height:60px;
  color:white;
}

#pied-de-page-fixed {
  background-image:url("../img/canstock2848711-footer.png");
  background-repeat: repeat-x;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
}

h1.connected
{
  font-size: 2em;
  display:inline;
}

h1.disconnected
{
  font-size: 3em;
  display:inline;
  float:left;
}

div.topSupportContainer
{
  float:right;
  display:inline;
  width:20em;
}
div.topSupport
{
  background-color:white;
  
  margin-top:0.6em;
  margin-left:2em;
  padding:0.5em;
  padding-left:1em;
  padding-right:1em;
  
  
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#bbbbbb'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#bbbbbb')"; /* IE8 */
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fff,  #bbb); /* for firefox 3.6+ */
}

#topSupport a.topSupportText
{
  color:#000;
  text-decoration:none;
}

#topSupport a.topSupportLink
{
  color:#dd0000;
  text-decoration:underline;
  font-weight:bold;
}

a, a:visited, a:active, .clickable{
  text-decoration:none;
  color:#990000;
}
a:hover, .clickable:hover{
  text-decoration:underline;
}
th, table.sortable-highlight tr:hover, table.notsortable-highlight tr:hover
{
  color:#990000;
  background-color:#f5f5f5;
  text-align:left;
}

th.centered {
	text-align:center;
}

h1 a{
  color:#333;
}

a#selected{
  font-weight:bold;
}

p.faqTitle{
	font-weight:bold;
}

div.contactForm{
  margin-left: 100px;
}

div.registerForm{
  margin-left: 200px;
}

span.title{
	text-align:center;
	font-weight:bold;
	margin-left: auto;
	margin-right: auto;
}

a.faqtitle{
	font-weight:bold;
	text-decoration:none;
}
span.textArea#print{
	display:none;
}

textarea { 
  width: 100%; 
  font-size: 12px; 
  font-family: Arial;

  border:1px solid #ccc;
  padding:5px;
  padding-top:10px;

  box-sizing: border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;

}

tr.noOspOam{
	visibility:hidden;
}

img { border:0px;}

ul.clean{
	list-style: none;
	padding-left:0px;
	padding-top:0px;
	margin-top:0px;
}
div.center{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

div.resultsNav
{
  text-align:center;
  padding:1em;
}

span.help
{
  display:none;
  padding:0.1em;
  padding-left:1em;
  padding-right:1em;
  margin-bottom:1em;
  background:#fffdc0;
}

div.package
{
  float:left;
  border:solid 5px #aab;
  margin-right:10px;
  padding:1em;
  padding-top:0px;
  text-align:center;
  margin-top:20px;
  width:13em;
}

div.package#main
{
  border: solid 10px #aca;
  padding:15px;
  padding-bottom:30px;
  margin-top:0px;
}

div.overflow
{
  overflow: hidden;
  height: 1.2em;
}

a.login, a.registerBtn
{
  font-weight:bold;
  
  background-color: #080;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55dd22', endColorstr='#004400'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55dd22', endColorstr='#004400')"; /* IE8 */
  background: -webkit-gradient(linear, left top, left bottom, from(#5d2), to(#040)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #5d2,  #040); /* for firefox 3.6+ */
}

a.paymentBtn
{
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; 
  //-khtml-border-radius: 20px;
  behavior: url(css/border-radius.htc);

  color:#00a;
  font-weight:bold;
  font-style:italic;
  font-size:120%;
    
  padding-top:0.4em;
  padding-bottom:0.4em;
  padding-right:1.5em;
  padding-left:1.5em;
  
  background-color: #FaF;
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55dd22', endColorstr='#004400'); /* IE6 & IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#55dd22', endColorstr='#004400')"; /* IE8 */
  background: -webkit-gradient(linear, left top, left bottom, from(#5d2), to(#040)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #ffa,  #0d0); /* for firefox 3.6+ */
}

div.loginFormRetry
{
  border:3px solid #aaa;
  width:20em;
  padding:2em;
}

/********************* Chat Window *****************************/

div.chatWindow
{
  height:20em;
  z-index:100;
  color:white;
  right:0px;
}

div.chatWindow
{
  width:15em;
  margin-bottom:5px;
  border:bottom:1px #aaa;
}

.chatWindowInput
{
  background:#fff;
  width:100%;
  border:0;
  display:block;
  margin-bottom:5px;
}

div.chatWindow, div.chatWindowContent form
{
  position:fixed;
  bottom:0px;
}

*html div.chatWindow
{ /*--IE6 Hack - Fixed Positioning to the Bottom--*/
  margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
  position: absolute;
  top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

div.chatWindowClose
{
  float:right;
}

div.chatWindowHeader
{
  background-color:#990000;
  font-weight:bold;
}

div.chatWindowContent
{
  color:black;
  overflow:auto;
  height:15em;
}

/* Custom dropdown replaces <select> in left menu */
.leftMenuDropdownForm { margin-bottom: 1em; }
.leftMenuDropdown { position: relative; width: 100%; }
.leftMenuDropdownToggle {
  width: 100%; text-align: left; cursor: pointer;
  padding: 0.3em 1.8em 0.3em 0.5em; background: #eee;
  border: 1px solid #ccc; box-sizing: border-box;
  font-size: inherit; font-family: inherit;
}
.leftMenuDropdownToggle:focus,
.leftMenuDropdownToggle:active { background: #eee; outline: none; }
.leftMenuDropdownArrow {
  position: absolute; right: 0.5em; top: 50%;
  transform: translateY(-50%); pointer-events: none;
  border-left: 4px solid transparent; border-right: 4px solid transparent;
  border-top: 5px solid #333; display: inline-block;
}
.leftMenuDropdownMenu {
  display: none; position: absolute; top: 100%; left: 0; right: 0;
  background: #fff; border: 1px solid #ccc; border-top: none;
  list-style: none; margin: 0; padding: 0; z-index: 1000;
}
.leftMenuDropdown.is-open .leftMenuDropdownMenu { display: block; }
.leftMenuDropdownOption {
  display: block; width: 100%; text-align: left; cursor: pointer;
  padding: 0.4em 0.5em; background: none; border: none;
  font-size: inherit; font-family: inherit;
}
.leftMenuDropdownOption:hover,
.leftMenuDropdownOption.is-selected { background: #ddd; }
.leftMenuDropdownNoScript { display: flex; flex-wrap: wrap; gap: 0.3em; }
.leftMenuDropdownNoScriptOption {
  cursor: pointer; padding: 0.3em 0.5em;
  border: 1px solid #ccc; background: #eee;
  font-size: inherit; font-family: inherit;
}