
/* html */
html{height: 100%; margin: 0; padding: 0;}

/* body */
body{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: url('../images/bgTexture.jpg') top left repeat;
	color: #383734;
	font: 62.5%/125% Verdana, Arial, Helvetica, sans-serif;
}


/* img */
img{border: none;}

/* Liens */
a,a:link,a:visited, a:active{color: #000; font-weight: bold; text-decoration: none; outline: none; text-transform:uppercase;}
a:hover{ text-decoration: underline;}

/* En-têtes */
h1,h2,h3,h4,h5,h6{font-family: "Arial Black", Arial; margin: 0 0 .3em 0; text-transform: uppercase; line-height: 1em;}
h1{color: #000; font-size: 1.7em;}
h2{color: #000; font-size: 1.5em;}
h3{color: #000; font-size: 1.4em;}
h4{color: #000; font-size: 1.3em;}
h5{color: #000; font-size: 1.2em;}
h6{color: #000; font-size: 1.1em;}

/* Listes */
ul{margin: 0; padding: 0;}
li{padding-bottom: .35em;}
ul ul{padding: .4em 0 0 1.2em;}
ul li{background: url('../images/bullets/arrows1.gif') 0 .35em no-repeat; font-size: 1em; line-height: 1.4em; padding-left: .8em; list-style: none;}
ul ul li{background: url('../images/bullets/arrows2.gif') 0 .3em no-repeat; font-size: .9em; line-height: 1.3em;}
ul ul ul li{background: url('../images/bullets/arrows3.gif') 0 .15em no-repeat; font-size: .8em; line-height: 1.2em;}
ul ul ul ul li{font-size: 1em; line-height: 1.1em;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

/* Tables */
table{border-collapse: collapse;}
table th{background: none; padding: 0px; border: none;  vertical-align: top;}
table td{padding: 0px; border: none; vertical-align: top;}

/* Textes et Autres*/
p{margin: 0 0 1em 0;}
blockquote{background: #dee6f9; padding: 20px; margin: 20px;}
br{}
hr{margin: 1em 0; background:#410a1b; color:#410a1b; height:1px;  border:none; clear:both;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES CLASSES ///////////////////////////////////////////////////////////////////*/
/* Loadé par tinyFCK(admin) et le site(client) /////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* noDesignTable */
.noDesignTable{border-collapse: collapse;}
.noDesignTable th{background: none; padding: 10px; border: none;}
.noDesignTable td{padding: 10px; border: none; vertical-align: top;}

/* error & success */
.error{color:#c00;}
.success{color:#090;}

/* small */
small, .small{font-size: .8em;}

/* highlight */
.highlight{color:#7cb4ff;}

/* subtile */
.subtile{color:#ccc;}

/* box */
.box{border: 1px solid #410a1b; background: #dee6f9; padding: 10px;}



/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID et leurs CLASSES /////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{height: auto !important; height: 572px; min-height: 572px;}
#container1{ width:100%; padding-top:70px;}
#container2{margin: auto auto; width:806px;}
#container3{
	width:812px;
	margin: auto auto;
	border-top:1px solid #eeede9;
	border-left:1px solid #eeede9;
	border-right:1px solid #80796e;
	border-bottom:1px solid #80796e;
	min-height: 572px;
	background:#dfdbd0;
}
.jsActivated #container3{display:none; background:none;}
#container4{}
#container5{ position: relative;}

/* floatingFooter */
#floatingFooter{ position:absolute; top:550px; left:5px; width:380px;}
#floatingFooter .copy { font-size: 9px; }
#floatingFooter a { display:inline; padding-left:5px;}

/* CONTAINER LEFT ========================================================================================================*/
#containerLeft{ width:390px; float: left;}
#containerLeft #logo{ padding-left:272px;}

/* mainMenu */
#mainMenu{ padding:40px 0 0 150px;}
#mainMenu ul li a{ background-color:#FFF; padding:2px 4px; display:block; height:16px;}

/* CONTAINER RIGHT ========================================================================================================*/
#containerRight{ width:422px; float: right;}

/* contentContainer */
#containerRight #contentContainer{ background-color:#FFF; border: 2px solid #d0c9bf; padding:5px;}

/* topMenu */
#contentContainer #topMenu{text-align:center; margin:10px 0; padding:10px 0; border-top:1px dashed #000; border-bottom:1px dashed #000;}
#contentContainer #topMenu ul, #topMenu li{padding: 0; margin: 0; font-size:1.05em;}
#contentContainer #topMenu ul li{background:none; position: relative; display: inline;}
#contentContainer #topMenu ul li a{ border:none; }
#contentContainer #topMenu ul li a.activate{}
#contentContainer #topMenu ul li a:hover{}

/* content */
#contentContainer #content{ padding:10px 0;}

/* bottomMenu */
#contentContainer #bottomMenu{ padding-top:5px; border-top: 1px solid #80796e;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES FORMULAIRES ///////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* Formulaires */
form{background: #dee6f9; border:solid 1px #410a1b; padding: 10px; margin: 0;}
input, textarea, select, option, label, fieldset, legend{color:#410a1b; vertical-align: bottom;}
label{font-weight: bold;}
fieldset{}
legend{}
textarea{background: #efefff; border: 1px solid #999;}
select{background: #efefff; border: 1px solid #999;}
option{border:none;}
input.text{background: #efefff; border: 1px solid #999;}
input.password{background: #efefff; border: 1px solid #999;}
input.file{}
input.radio{}
input.checkbox{}
input.image{}
input.reset{}
input.submit{color: #efefff; background: #1e3e6f; border: 1px solid black; font-weight: bold; padding: 2px; width: 100%; display: block;}


/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES CLASSES ///////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* toggleVisibility */
.showBtn{display: none; cursor: pointer;}
.hideBtn{display: none; cursor: pointer;}
.toggleBtn{cursor: pointer;}

/* stripe tables*/
.stripes{}
.stripes .odd{background: #f4f4f4;}
.stripes .even{background: #ddd;}

/* highlightRows */
.highlightRows .high{background: #aaa; cursor: default;}

/* clear et floats */
.clear{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.block {display:block; clear:both;}

/* rollOverTrans */
.rollOverTrans img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rollOverTrans:hover img{filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8;}
