/* Online Business, free web template by davereederdesign.com adapted by Gaetan Bergeron */

body { 
	padding: 0; 	
	font-size: 100%;
	text-align: left; 
	background: #e0e0e0;
	color: #333;
  margin-top: 5px; /* Pour eviter de se confondre avec le haut de la fenetre du navigateur. */
  margin-bottom: 5px;    /* Idem pour le bas du navigateur */
  margin: auto;
}


/* Global styles */
* {margin: auto; padding: 0; border: 0;}
span {color: #00A2FF}
p, ol, ul, p a, h2 {font-family: Arial, Helvetica, sans-serif}



/* Heading styles */
h1 {margin-left: 10px; font-family: Georgia, serif; color: #333; float: left; font-weight: normal; margin-left: 10px; font-size: 1.55em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #333; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #00A2FF; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #333; text-decoration: none; font-weight: normal}

h3 a, h3 a:link, h3 a:hover {font-weight: normal} /* styling for h3 heading links */
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold} /* styling for other heading links */

h2 {margin: 0; 
    padding-left: 10px; 
    font-size: 0.75em; 
    background-color: #333; 
    color:  white; 
    line-height: 2.0em} /* headings on black backgrounds */

h3, h4, h5 {font-family: Georgia, serif; margin: 20px 0 0 10px}
h3 {font-size: 1.25em; line-height: 1.25em; font-weight: normal}
h4 {font-size: 0.90em; line-height: 0.90em; font-weight: bold}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* appears like bold paragraph text */



/* Text styles */
p {margin: 10px; font-size: 0.80em; line-height: 1.55em}

p.updated {margin-left: 10px; font-size: 0.60em; line-height: 0.90em; letter-spacing: 0.05em; color: #888}

p.reponse {margin: 20px; line-height: 0.90em}
#siteimg p {   /* This is the large text in the site img div */
	margin: 0 0 0 10px; /* removed usual top and bottom margin from paragraph to avoid layout breaking */
	padding-left: 10px;
	padding-top: 90px;
	font-family: Georgia, serif;
	font-size: 1.45em; 
	line-height: 1.05em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
}

acronym {border-bottom: 1px dashed #333; cursor: help}

ul {margin-left: 10px; font-size: 0.70em; line-height: 1.15em; list-style: inside square}
ol {margin-left: 40px; font-size: 0.70em; line-height: 1.15em;}



/* Paragraph Links */
a {color: #00A2FF; font-weight: bold; text-decoration: none} /* The blue colour*/ 
a:link {color: #00A2FF; font-weight: bold; text-decoration: none}
a:hover {color: #333; font-weight: bold; text-decoration: none}


/* Divs */

#container {
  width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
  background: #fff;
  overflow: hidden;
  padding-bottom: 20px;
  min-height: 500px;
}

#form_container {
	width: 700px; /* Suits an 800x600 page, allowing for scrollbar */
  margin-left: 10px;
	background: #fff;
	overflow: hidden
}


#topbar {   /* Top bar, can be used for extra links etc */
	width: 770px;
	height: 0px;
	background: #333;
  color: #888
}

#topbar p {
  font-size: 1em;
	text-align: right;
	color: white;
}

#topbar img {	
  margin-top: 6px;
  margin-right: 6px
}
#hdr {    /* Header/Banner area */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 4.5em; /* Same as h1 line-height */
	line-height: 2.5em;
  /* background: url('../images/lys.jpg') #fff;  Light Grey */
  background: url('../images/header.png') #fff;  Light Grey
  background-position: 100% 100%;
  background-repeat: x;
}

#hdr h5 {
  margin-left: 25px;
  
}

#navbar {   /* Main Navigation area */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 1.75em; 
	background: #f0f0f0; /* Light Grey */
}

#siteimg {   /* Large Site Image */
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	height: 200px;
	background: url('../images/piece2.jpg') #fff; /* Light Grey */	
  background-position: 100% 0%;
  background-repeat: no-repeat;
}

#lftcol {
	float: left;
	width: 155px;
	background: transparent;
	overflow: hidden
}
#lftcol h2 {
  color: #333
}

#lftcol h3 {
  font-size: 0.90em; 
  line-height: 1em; 
  font-weight: bold
}

#rgtcol {
	float: left;
	width: 615px;
	background: transparent;
	overflow: hidden
}

#rgtcol h2 {
  color: #333
}

#google_ad {
  position:relative;
  left:30px;
	top:0px;
	width:180px;
	padding:0px;
	background-color:#e0e0e0;
	border:0px;
	line-height:17px;
}

#menutop {
  clear: left;
  float: left;
  margin-left: 5px;
  margin-top: 1px;
  width: 140px;
  height: 20px;
  border-top: 1px solid #7e7e7e;
  border-left: 1px solid #7e7e7e;
  border-right: 1px solid #7e7e7e;
  background: #c8c8c8;
  text-align: center;
  font-weight: bold;
  font: bold 15px Georgia;
}

#menu {
  clear: left;
  float: left;
  margin-left: 5px;
  width: 140px;
  height: 200px;
  border-bottom: 1px solid #7e7e7e;
  border-left: 1px solid #7e7e7e;
  border-right: 1px solid #7e7e7e;
  background: #f0f0f0;
  color: #00A2FF; 
  font-weight: bold; 
  text-decoration: none;
  line-height: 3em;
  font: bold 14px Arial;
}

#menu p {
	display: block;
	text-align: left;
	color: #505050; 
	font-weight: bold; 
	text-decoration: none;
  border-bottom: 1px dashed #7e7e7e;
}
#menu a {

  display: block;
  text-decoration: none;
  text-align: left;
  color: #00A2FF;
  font-weight: bold;
}

#menu a:hover {
  color: #333;
  text-decoration: underline;
}

#menu a:visited {
  color: #00A2FF;
	font-weight: bold; 
}

#leftmenu {
  position: absolute;
  left:10px;
  top:50px;
  width:200px;
  margin-top: 116px;
  background-image:url("images/strips_onside.jpg");
  background-repeat:repeat-y;
  font-size:1.0em;
  padding-left: 12px;	
  padding-top: 8px;

}

#leftmenu p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}

#leftmenu a, a:link { color:#00A2FF; font-weight:500;}

#leftmenu a:hover, a:active{ color:#FF6666;}


#bttmbar { /* bottom bar, containing top button and copyright info etc */
	float: right;
	width: 570px;
	padding-top: 50px;
	height: 3em;
	line-height: 3em;
	background: #fff;
	overflow: hidden
}
#eula {
  width: 550px; /* Suits an 800x600 page, allowing for scrollbar */
  margin-left: 10px;
	font-size: 0.8em; 
  background: #fff;
  overflow: hidden
}
#smallbox {
	border: 2px solid #3f7c5f;
        width: 600px;
        margin-left: 1px;
        font-size: 1em;
        background: #fff;
        padding-top: 2px;
        overflow: hidden
}


#smallbox h4 {
        margin: 0;
        padding: 0;
        line-height: 2em;
        background: #f0f0f0;
}

#adbox {
	border: 1px solid #3f7c5f;
        width: 460px;
        height: 60px;
        margin-top: 30px;
        margin-left: 70px;
        overflow: hidden;

}

#affichage {
	border: 1px solid #3f7c5f;
  width: 460px;
  height: 70px;
  margin-top: 30px;
  margin-left: 70px;
  overflow: hidden;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em; 
	line-height: 1.2em; 
	font-weight: normal; 
	letter-spacing: -0.05em; 
  background: url('../images/aff.PNG');
  background-position: bottom right;
  background-repeat: no-repeat;
}

#affichage span {
    font-size: 0.8em;
    color: #090;
    font-weight: normal;
    text-decoration: none;
}

#affichage span:a{
    font-size: 0.8em;
    color: #090;
}

#affichage a { /* The blue colour*/ 
  color: #00A2FF;
  text-decoration: underline;
} 

#affichage a:link.small { /* The blue colour*/ 
    font-size: 0.8em;
    color: #090;
    font-weight: normal;
    text-decoration: none;
} 

#affichage a:visited.small {
    font-size: 0.8em;
    color: #090;
    font-weight: normal;
    text-decoration: none;
}
  #affichage a:hover.small {
  color: #333; 
  font-size: 0.9em;
  font-weight: normal;  
}

#affichage a:link {
  color: #00A2FF; 
  font-size: 1em; 
  font-weight: bold;
  text-decoration: underline;
}

#affichage a:visited {
  color: #00A2FF; 
  font-size: 1em; 
  font-weight: bold;
  text-decoration: underline;
}
#affichage a:hover {
  color: #333; 
  font-weight: bold; 
  text-decoration: none;
}





#loginform {
	border: 2px solid #3f7c5f;
        width: 300px;
        margin-left: 10px;
        font-size: 1em;
        background: #f0f0f0;
        overflow: hidden
}
#signupform {
	border: 2px solid #3f7c5f;
        width: 450px;
        margin-left: 10px;
        font-size: 1em;
        background: #fff;
        overflow: hidden
}

/* Main Navigation */
#nav ul {display: inline}

#nav li {display: inline}

#nav a {
	line-height: 30px; /* same as height of nav bar */
	margin-left: 10px; 
	display: inline;
	font-weight: bold
}

#nav a span {color: #333}


/* Forms, Input boxes and buttons */
form.login {float: right; height: 3em; line-height: 3em; margin: 10px 0 0 0; width: 8.0em;}
input.login {border: 2px solid #333; width: 6em; font-size: 0.95em;}
input.loginbttn {border: 2px solid #fff; width: 6em; background: #00A2FF; color: #fff; font-size: 1.0em}
input.submitbttn {border: 2px solid #fff; width: 6em; background: #00A2FF; color: #fff; font-size: 1.0em}


/* Images */
img.rightimg {float: right; margin-left: 10px}
img.leftimg {float: left; margin-right: 10px}

img.languageimg {float: right; margin: 4px 2px 0 0} /* used for the language flags */


/*  table css */

table {
	border-collapse: collapse;
	border: 2px solid #3f7c5f;
	font: normal 80%/140% arial, verdana, helvetica, sans-serif;
	color: #000;
	background: #fff;
	margin: 10px;
  margin-top: 0px;
  width: 580px;
}
caption {
	padding: 0 0.6em 0.8em;
	font-size: 0.7em;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: transparent;
}
th {
	border: 1px solid #e0e0e0;
        font-size: 1em;
	padding: 0.6em;
}
td {
	border: 1px solid #e0e0e0;
        font-size: 0.7em;
	padding: 0.6em;
        line-height: 1.15em;
}

thead th {
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 0.7em;
	font-weight: bold;
	background: #ffffd9;
}
tfoot th, tfoot td {
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 1em;
	background: #e8e8cf;
}
tfoot th {
	font-weight: bold;
}
tbody td a {
	background: transparent;
	color: #00A2FF;
	text-decoration: underline;
}
tbody td a:hover {
	background: transparent;
	color: #00c;
	text-decoration: underline;
}
tbody th a {
	background: transparent;
	color: #3f7c5f;
	text-decoration: underline;
	font-weight: bold;
}

tbody th a:visited {
	color: #b98b00;
}

tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
tfoot td {
	border: 1px solid #996;
}
tbody tr:hover {
	background: #ffffd9;
}

/*  Tabbing css */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 0px solid gray;
margin-left: 15px;

/*width: 540px;  width of menu. Uncomment to change to a specific width */

}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 4px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}




/*  Ruby on rails scaffolding original css */


pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

/*
a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }
*/

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-left: 10px;
  margin-bottom: 20px;
  background-color: #f0f0f0;

}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-left: 10px
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

div.ajaxhelp {
  margin: 10px;
  background-color: #fff;
  border: 1px solid grey;
  width: 60%;
  font-size: 11px;
}

input, textarea, select
{

border: 1px solid #ccc
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}