/*
Design by StephaneDouville, Panic Studio Design
http://www.PanicStudio.biz
All rights reserved
*/

/**********************************************************************

Mes Ajouts
Mathieu Brousseau

***********************************************************************/


/*************************** Login & Contact***************************/
.login fieldset{border: none;}
.login legend {display: none;}
.login label, .login span
{
    font-size: x-small; 
    font-weight: bold;
    color: #001a67;
}
.login input 
{
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #385B88;
}

.login .button
{
    margin-top:5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #385B88;
	color: #FFFFFF;
}
/**************************** Fin Login *********************************/


/******************************* menu *********************************/
.menu {
	margin-bottom: 30px;
	border-bottom: 4px solid #EBEBEB;
}

.menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

.menu li {
	display: inline;
}

.menu a {
	display: block;
	padding: 10px 0 10px 24px;
	border-top: 1px solid #ebebeb;
	color: #e55300;
}

.menu a:hover, .menu .active a {
	background: #EBEEF3;
	text-decoration: none;
	font-weight: bold;
	color: #385B88;
}

.textNotShow 
{
    display:none;
}

th 
{
    text-align:left;
}
table
{
    margin-bottom:10px;
}
.small
{
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	color:#385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100px;
}

.medium
{
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	color:#385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:200px;
}

.large
{
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	color:#385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:300px;
}

a img
{ border:none; }

.download {padding:10px; }

/* 

Voici une aper?u des page web g?n?r? automatiquement par ASP.Net
Comme tu vois les ID ne sont pas vraiment adaptable, donc il serait 
bien de faire des CSS de .class et non pas de #ID


<div id="ShowContact_divContact" class="boxed">     Afficher les informations clientes
<div id="ShowUpdate_divUpdate" class="boxed">       Afficher les nouveaut?s
<div id="ShowMenu1_menu">                           Afficher le menu
<div id="ShowLogin1_divLogin" class="boxed">        Afficher la page de connexion

<input name="ShowLogin1$Login1$UserName" type="text" id="ShowLogin1_Login1_UserName" />
<input name="ShowLogin1$Login1$Password" type="password" id="ShowLogin1_Login1_Password" />
<input type="submit" name="ShowLogin1$Login1$LoginButton" value="Se connecter" id="ShowLogin1_Login1_LoginButton" />

*/


/**********************************************************************

Fin de mes ajouts

***********************************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
}

h2 { padding-bottom: 5px; margin-bottom: 5px; font-size: 2em; font-weight: normal; background-color: white; background-repeat: repeat-x; background-position: 0 0; }

h3 { color: #001a67; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; margin-bottom: 10px; letter-spacing: 0.5px; text-transform: uppercase; word-spacing: 3px; }

p, blockquote, ul, ol {
	margin-bottom: 1.4em;
	line-height: 1.8em;
	text-align: justify;
}

p {
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	font-style: italic;
}

ul {
	margin-left: 3em;
}

ul li { list-style-image: url(../images/img05.gif); list-style-position:inside; }

ol {
	margin-left: 3em;
}

ol li {
}

a {
	text-decoration: none;
	color: #e55300;
}

a:hover {
	text-decoration: underline;
}

img {
}

/* Boxed Style */

.boxed {
}

.boxed .title { padding: 0 0 0 10px; font-size: 1.4em; background-color: #d8d8d8; background-image: url(../images/img02.gif); background-repeat: repeat-x; background-position: 0 0; }

.boxed .content {
	padding: 10px;
}


/* Logo */

#logo { background-color: #fff; background-image: url(../images/logo.jpg); background-repeat: no-repeat;background-position: 0 0; width: 770px; height: 120px; margin: 0 auto; }

#logo h1 {
	padding: 46px 0 0 0px;
}

#logo h1 a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 30px;
}

#logo h1 i {
	text-transform: lowercase;
	letter-spacing: -3px;
	font: italic normal 48px Georgia, "Times New Roman", Times, serif;
	color: #385B88;
}

#logo h2 {
	padding: 0 0 0 2px;
	text-transform: lowercase;
	font-size: 1em;
}

#logo a {
}

/* Content */

#content {
	width: 770px;
	margin: 0 auto;
}

/* Content > Main */

#main {
	float: right;
	width: 500px;
	/*margin-top: -80px;*/
}

/* Content > Main > Welcome */

#welcome {
}

/* Content > Main > Example */

#example { background-image: url(../images/pontlav.png); background-repeat: no-repeat; background-position: center bottom; width: 470px; height: 200px; }

/* Content > Sidebar */

#sidebar {
	float: left;
	width: 240px;
}

/* Content > Sidebar > Login */

#login {
}

#login form {
}

#login fieldset { border-style: none; }

#login legend {
	display: none;
}

#login label {
	font-size: x-small;
	font-weight: bold;
}

#login input {
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid #385B88;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inputtext1, #inputtext2 {
	color: #001a67;
}

#inputsubmit1 {
	background: #385B88;
	color: #FFFFFF;
}

/* Content > Sidebar > Menu */

#menu {
	margin-bottom: 30px;
	border-bottom: 4px solid #EBEBEB;
}

#menu ul {
	margin: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 10px 0 10px 24px;
	border-top: 1px solid #ebebeb;
	color: #e55300;
}

#menu a:hover, #menu .active a {
	background: #EBEEF3;
	text-decoration: none;
	font-weight: bold;
	color: #385B88;
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
	margin: 0;
	list-style: none;
}

#updates h3 {
	margin: 0;
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
	margin-bottom: 1.4em;
	font-size: smaller;
	line-height: normal;
}

/* Content > Sidebar > Partners*/

#partners {
}

#partners .content {
	padding: 10px 0;
}

#partners ul {
	margin: 0;
	border-bottom: 1px solid #D1BC5C;
	list-style: none;
	line-height: normal;
}

#partners li {
	padding: 10px;
	border-top: 1px solid #D1BC5C;
}

/* Footer */

#footer { background-color: #eaeaea; background-image: url(../images/img6.gif); background-repeat: repeat-x;background-position: 0 0; clear: both; padding: 0 20px 10px 30px;width: 720px; margin: 0 auto; }

#footer p {
	width: 700px;
	margin: 0 auto;
	font-size: x-small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}