@charset "ISO-8859-1";
/*#############

TEMPLATE SPESIFIC

#############*/

/* HTML TAGS */

body{
	margin				: 0px;
	padding				: 0px;
	background			: #777777;
}

.contentpane{
	margin				: 0px;
	padding				: 0px;
	background			: #d5d5d7;
}

body,td,td,th,table,p,li {
	font-family			: "Trebuchet MS",Verdana;
	font-size			: 12px;
	line-height			: 16px;
	color:#000000;
}

fieldset {
	padding:10px; 
	border:#ffffff thin solid;
}	

.inputbox {
	font-family			: "Trebuchet MS",Verdana;
	font-size			: 10px;
	line-height			: 10px;
}

.button{
	font-family			: "Trebuchet MS",Verdana;
	font-size			: 10px;
}

#search .button{
	font-family			: "Trebuchet MS",Verdana;
	font-size			: 9px;
	vertical-align:top;
	height:20px;
	padding:0px;
	margin:0px;	
}

a:link, a:visited{
	color				: #0391DE;

}

a:hover{
	color				: #777777;
}

/* BOXES */

#outline_outer{
	width				: 840px;
	background			: #FFFFFF;
	overflow			: hidden;
	background			: url(../images/content_bg.jpg) repeat-y;
}

#outline_inner{
	width				: 800px;
	overflow			: hidden;
}


#topmost{
	background			: #000000;
	height				: 37px;
	line-height			: 35px;
	border-bottom		: #0391DE medium solid;
}

#search{
	float				: left;
	margin-top			: 3px;
	padding				:  0px;
}

#langue{
	float				: right;
	margin-right		: 10px;
}

#search .inputbox{
	margin-left			: 10px;
	margin-right		: 5px;
	font-size			: 10px;
	margin-bottom		: 0px;
	margin-bottom		: 0px;
	padding				: 0px;
	height:14px;
}

#topmenu{
	float				: right;
	text-align			: right;
	padding-right		: 20px;
	color:#0391DE;
	font-weight:bold;
}

#topmenu a{
	color				:#CCCCCC;
	font-weight			: bold;
}

#topmenu a:hover{
	color				: #FFFFFF;
}

#mainmenu{
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu2.jpg) no-repeat;
}


body#surmesure #mainmenu,
body#terre-neuvecs #mainmenu,
body#terre-neuvebnd #mainmenu,
body#calendrierxp #mainmenu,
body#lacsupérieur #mainmenu,
body#lacsupérieuraut #mainmenu,
body#politiquesxp #mainmenu,
body#expéditions #mainmenu{
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_expedition.jpg) no-repeat;
}

body#equipe #mainmenu, 
body#équipe #mainmenu,
body#charles-alexandre #mainmenu,
body#alain #mainmenu,
body#steven #mainmenu,
body#andre #mainmenu,
body#craig #mainmenu,
body#pierre #mainmenu,
body#francois #mainmenu {
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_expert.jpg) no-repeat;
}

body#formation #mainmenu,
body#prépexpédition #mainmenu,
body#niveau1 #mainmenu,
body#niveau2 #mainmenu,
body#calendrier #mainmenu,
body#sauvetage #mainmenu,
body#esquimautage #mainmenu,
body#premierssoins #mainmenu,
body#politiques #mainmenu,
body#personnalisée #mainmenu,
body#personnalisee #mainmenu{
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_formation.jpg) no-repeat;
}

body#kayaks #mainmenu,
body#listedeprix #mainmenu,
body#vaag174 #mainmenu {
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_kayak2.jpg) no-repeat;
}

body#vital166 #mainmenu {
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_kayak3.jpg) no-repeat;
}

body#piaktuq #mainmenu {
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_kayak.jpg) no-repeat;
}

body#surfcommando #mainmenu,
body#evenements #mainmenu,
body#événements #mainmenu,
body#rassemblement #mainmenu {
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_activites.jpg) no-repeat;
}

body#vidéos #mainmenu,
body#galeriephotos #mainmenu {
	clear				: both;
	height				: 250px;
	background			: url(../images/mainmenu_galerie.jpg) no-repeat;
}

#submenu{
	width				: 200px;
}


#left_outline{
	float				: left;
	width				: 110px;
	margin				: 10px 0px;
}

#left{
	width				: 110px;
	padding-left		: 10px;
	padding-right		: 10px;
}

.middle{
	float				: left;
	padding				: 10px;
	text-align			: left;
}

#middle_both{
	
	width				: 419px;
}

#middle_single{
	width				: 670px;
}

#right{
	float				: right;
	width				: 251px;
	background			: #BBBBBC;

}

/* MENU */

/*
#navlist_outline{
	height				: 100px;
	background			: #CCC url(../images/mainmenu.jpg) repeat-x;
	border				: 1px solid #666666;
}
*/

.latestnews {
	font-size:10px;
	color:#000000;
}

a.latestnews {
	color				: #000000;
	font-weight			: bold;
	text-decoration		: none;
}

a.latestnews:hover {
	color				: #777777;
}



.mainlevel {
	font-size:10px;
	color:#000000;
}

a.mainlevel {
	color				: #000000;
	font-weight			: bold;
	text-decoration		: none;
}

a.mainlevel:hover {
	color				: #777777;
}

.sublevel {
	font-size			: 10px;
	color				: #0391DE;
}

a.sublevel {
	color				: #0391DE;
	font-style			: normal;
	text-decoration		: none;
}

a.sublevel:hover, a.sublevel#active_menu {
	color				: #777777;
}

#navlist_outline{
	height				: 38px;
}

#navlist {
	margin				: 0px 0px 0px 0px;
	padding				: 0px;
	height				: 38px;
	float				: left;
}

/* 
#navlist {
	margin				: 0px 0px 0px 5px;
	padding				: 0px;
	border-left			: 1px solid #2D507B;
	border-right		: 1px solid #4071AC;
	height				: 100px;
	float				: left;
}
*/

#navlist ul, #navlist li {
	display				: inline;
	list-style-type		: none;
	
	
}


#navlist a:link, #navlist a:visited {
	padding				: 0px 0px 0px 10px;
	float				: left;
	font-size			: 13px;
	padding-top			: 210px;
	line-height			: 40px;
	width				: 100px;
	text-align			: left;
	margin				: 0px;
	text-decoration		: none;
	color				: #0391DE;

}

#navlist a:hover {
	background-image	: url(../images/bg_main_menu_hover.png);
	color				: #FFFFFF;
}

#navlist a:link#current, #navlist a:visited#current {
	background-image	: url(../images/bg_main_menu_hover.gif);
	color				: #0391DE;
	cursor				: default;

}


/* SUBMENU */



#submenu li,
#submenu ul{
	margin:0px;
	padding:0px;
}


#submenu li{
	list-style:none;
	text-align:left;
}

#submenu a{
	border-top			: 1px solid #7777777;
	border-bottom		: 1px solid #555555;
	display				: block;
	font-size			: 13px;
	height				: 30px;
	line-height			: 30px;
	text-decoration		: none;
	color				: #FFFFFF;
	background			: #000000;
	padding-left		: 10px;
}

#submenu a:hover{
	background			: #777777;
	color				: #FFFFFF;
}

#submenu a#subcurrent{
	background			: #000000;
	text-decoration:underline;
}



/*#############

MAMBO STYLING

#############*/

/* MODULES */
.moduletable{
	width				: 231px;
	margin-bottom		: 20px;
	text-align			: left;
}

.moduletable-formation_front{
	width				: 251px;
	margin-bottom		: 20px;
	text-align			: left;
	background			: #ffffff;	
}

.moduletable-events {
	width				: 231px;
	margin-bottom		: 20px;
	text-align			: left;
	background			: #bbbbbc;	
}

.moduletable-jumi {
	width				: 231px;
	margin-bottom		: 20px;
	text-align			: left;
	background			: #bbbbbc;	
}

.moduletable-paypal {
	width				: 231px;
	margin-bottom		: 20px;
	text-align			: left;
	background			: #bbbbbc;	
}

div.moduletable-formation_front h3,
div.module-formation_front h3,
.moduletable-formation_front th {
	color				: #000000;
	font-size			: 14px;
	text-decoration		: none;
	padding-bottom		: 35px;
	background			: url(../images/maelstrom360.gif) no-repeat left bottom;
	line-height			: 10px;
	padding-top			: 10px;
	margin-left			: 10px;
}

div.moduletable-events h3,
div.module-events h3,
.moduletable-events th {
	color				: #444;
	font-size			: 20px;
	text-decoration		: none;
	padding-bottom		: 7px;
	background			: url(../images/underline.jpg) repeat-x bottom;
	line-height			: 20px;
	padding-top			: 10px;
}


div.moduletable h3,
div.module h3,
.moduletable th {
	margin				: 0px;
	padding				: 0px;
	font-size			: 14px;
	font-weight			: bold;
	color				: #000000;
	text-align			: left;
	margin-bottom		: 5px;
}

.event_lndate {
	padding-left			: 10px;
}


#left div.moduletable.moduletable{
	padding-top			: 0px;
}

/*#right div.moduletable.moduletable{
	background			: url(../images/underline.jpg) repeat-x bottom;
	padding-top			: 10px;
	padding-bottom		: 20px;
}*/

#right div.moduletable.moduletable{
	padding-top			: 10px;
	padding-bottom		: 20px;
}

/* THE TOP MODULE POSITION */


#top div.module {
  	background			: transparent url(../images/blue_bottom_left.png) no-repeat bottom left;
	margin				: 5px 0px;
	width				: 170px;
	color				: #FFFFFF;

}
#top td,
#top h3{
	color				: #FFFFFF;
}

#top h3{
	margin-left:5px;
}

#top div.module div {
  	background			: transparent url(../images/blue_bottom_right.png) no-repeat bottom right;
	
}

#top div.module div div {
  	background			: transparent url(../images/blue_top_left.png) no-repeat top left;
}

#top div.module div div div {
	background			: transparent url(../images/blue_top_right.png) no-repeat top right;
	padding				: 10px 0px;
	width				: auto !important;
	width				: 100%;
}

#top div.module div div div div {
	background			: none;
	padding				: 0;
}



/* CONTENT STUFF */

.small,.createdate,.modifydate{
	color				: #444444;
	font-size			: 10px;
	font-weight			: bold;
	line-height			: 12px;
}

.contentheading{
	color				: #444;
	font-size			: 20px;
	text-decoration		: none;
	padding-bottom		: 7px;
	background			: url(../images/underline.jpg) repeat-x bottom;
	line-height			: 20px;
	padding-top			: 10px;
}

.contentheading-jumi{
	color				: #444;
	font-size			: 20px;
	text-decoration		: none;
	padding-bottom		: 7px;
	background			: url(../images/underline.jpg) repeat-x bottom;
	line-height			: 20px;
}

table.contentpaneopen{
	width				: 98%;
}

.contentheading a{
	color				: #444;
	text-decoration		: none;
}

.componentheading{
	color				: #7777777;
	font-size			: 20px;
	line-height			: 24px;
	margin-bottom		: 20px;
	text-decoration		: none;
}

.content_UL{
	font-size			: 12px; 
}

.content_subtitle{
	font-weight:bold;
}