/* 
    AUTHOR: YOUR NAME HERE
            you@domain.com
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */
* { margin: 0; padding: 0; position:relative; }
html { overflow-y: scroll; }
body {
	font: 62.5% Helvetica, sans-serif;
	background: #000000 url(../images/head_bck.png) repeat-x scroll left top;
}

img, a, a:hover{
	border-style: none;
}

ul{
	list-style: none;
}

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft {
	float: left;
	padding-right: 10px;
}
.floatright { float: right; }
.floatleft_img {
	float: left;
}
.full_leftimg {
	float: left;
	clear: right;
}
.clear { clear: both; }
.clearspace { clear: both; margin-bottom: 5px; }
.transpBlack { background: url(../images/transpBlack.png); }


/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#pagewrap {
	width:100%;
	height:100%;
}

#wrap {
	width: 980px;
	height: 100%;
	margin: 0 auto;
}

#header {
	width: 980px;
	height: 346px;
	margin: 0 auto;
	background-image:url(../headban/head_banner_01.jpg);
}

#header-ndx {
	width: 980px;
	height: 346px;
	margin: 0 auto;
	background-image:url(../headban/head_banner_00.jpg);
}

#maincontent {
	width: 980px;
	height: auto;
	overflow: hidden;
	background: #000000 url(../images/bg_color.jpg) repeat scroll 0px 0px;
}



.section{
	width: auto;
	height: auto;
	clear: both;
	padding: 20px;
	background-color: #0F0;
	position: relative;
	}

#leftcol {
	float: left;
	width: 230px;
	height: auto;
	padding-top: 10px;
	margin-right: 10px;
	overflow: hidden;
}

#rightcol {
	width: 720px;
	height: auto;
	float: left;
}

#prefooter {
	width:980px;
	height: 50px;
	background: #000 url(../images/prefooter.jpg) no-repeat scroll left top;
}


#footer {
	width:980px;
	background-color: #000;
	padding-bottom: 20px;
}

/* Center-pub ================================== */
#center-pub{
	width: 200px;
	height: auto;
	float: left;
	border: red solid 1px;
}

#promo-du-mois{
	margin: 10px 0;
}

#promo-du-mois p{
	padding: 5px;
}




/* Courriel-box ================================== */
#courriel-box{
	margin: 5px 0 15px 0;
	position: relative;
}

#courriel-box a{
	width: auto;
	height: 35px;
	padding: 10px 0 0 40px;
	display: block;
	color: #FFF;
	text-decoration: none;
	background: url(../images/emailIcon.png) no-repeat scroll left top;
	/*position: absolute;*/
}

#courriel-box a:hover{
	color: yellow;
	text-decoration: none;
	background: url(../images/emailIcon-over.png) no-repeat scroll left top;
}

ol.steps {
	margin: 20px 0;
	background: #333;
	padding: 0 0 0 35px;
	border: 1px solid #111;
	background: url(ul_bg_repeat.gif) repeat-y;
}
ol.steps li {
	margin: 0;
	padding: 15px 15px;
	color: #0F0;
	font-size: 1.7em;
	font-weight: bold;
	border-top: 1px solid #000;
	border-bottom: 1px solid #353535;
	border-right: 1px solid #333;
	border-left: 1px solid #151515;
	background: #222;
}
ol.steps li h2 {
	font-size: 0.9em;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #333;
}

ol.steps li a {
	color: #fff;
	text-decoration: none;
}

ol.steps li a:hover {
	color: #0F0;
	text-decoration: none;
}

ol.steps li p {
	color: #ccc;
	font-size: 0.7em;
	font-weight: normal;
	line-height: 1.6em;
}
ol.steps li.first { border-top: 1px solid #333; }
ol.steps li.last {	border-bottom: none; }


/* ------------------------------------------ */
/* FLASH AREA */
/* ------------------------------------------ */
#flash-area-intro {
	height: 264px;
	width: 980px;
}

/* ============================================= */
/* MENUS ALL */
/* ============================================= */

/* Menu Top =================================== */
#menu_top{
	list-style-type: none;
	padding-left: 15px;
	float: left;
	width: auto;
	font: bold 1.2em/1.3em Arial, Helvetica, sans-serif;
	color: #00ff00;
}

#menu_top.ndxflash{
	padding-top: 50px;
}

#menu_top.allpage{
	top: 315px;
}

#menu_top li{
margin: 0px;
padding: 0 0.5em;
font-family: Arial, Helvetica, sans-serif;
display:inline;
}

#menu_top li a{
text-decoration: none;
color: #00CC00;
}

#menu_top li a:hover, #menu_top li.current a{
color: #FFFFFF;
}

.last a{
border-right-style: none;
}

/* Menu Left =================================== */
#menustructure{
	width: auto;
	height: auto;
	position: relative;
	clear: both;
}

.menubox{
	width:200px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
}

.menucenter{
	width: 200px;
	height: auto;
	background: url(../images/menu_wrap.png) repeat-y scroll left top;
}

.menuleft{
	list-style-type: none;
	color: #FFF;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
	font: bold 1.1em/1.4em Arial, Helvetica, sans-serif;
}

.menuleft li a{
	color: #00ff00;
	text-decoration: none;
	border: none;
}

.menuleft li a:hover, .menubox li.current a{
	padding-left: 15px;
	color: #FFF;
	text-decoration: none;
	background: url(../images/bullet-arrow-wht.png) no-repeat scroll left center;
}

.topmenu1{
	background: url(../images/menu_top_1.png) no-repeat scroll 0px 0px;

}

.topmenu2{
	background: url(../images/menu_top_2.png) no-repeat scroll left top;
}

#topmenu{
	width:200px;
	height: 39px;
	background: url(../images/menu_top.png) no-repeat scroll left top;
}

.bottom_menu{
	width:200px;
	height:15px;
	background: url(../images/menu_bottom.png) no-repeat scroll left bottom;
}

/* Menu Footer =================================== */
#menu_bottom ul{
	margin: 0 0 0 30px;
	padding: 1em 0;
	list-style-type: none;
	font: normal 1.1em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFF;
}

#menu_bottom li{
	display:inline;
}

#menu_bottom li a{
	text-decoration: none;
	color: #02FA04;
	border-right: 1px solid #02FA04;
	padding: 0.2em 1em;
}

#menu_bottom li a:hover, #menu_bottom li.current a{
	color: #FFF;
	text-decoration: none;
}

.acc {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #02FA04;
}

/*  Leftbox -  ===================================== */

.addressbox{
	width: 200px;
	height: auto;
	padding-bottom: 15px;
	margin: 5px auto;
	text-align: center;
	border-bottom: #0F0 solid 1px;
}

.leftbox {
	width: 200px;
	height: auto;
	padding-bottom: 10px;
	margin: 5px auto;
	text-align: center;
	border-bottom: #0F0 solid 1px;
}

.leftbox img{
	margin: 4px 0;
}

.left-txt{
	text-align: left;
}


/*  Pub Box ===================================== */

#leftcol .pub {
	margin-top: 8px;
	padding-top: 8px;
}
#leftcol .pub a:hover {
	text-decoration: none;
	}