/*
Colors

CONTENTHEADING COLOR : # ;
H1 : # ;
H2 : # ;
H3 : # ;
H4 : # ;
H5 : # ;
H6 : # ;

BACKGROUND : # ;
BACKGROUND-COLOR WRAPPER : # ;

*/


/********************************************************************************/
/* 								RESET ALL TAGS 							  		*/
/********************************************************************************/

html {
	height: 100%;
	margin-bottom: 1px; /*Fix IE bug*/
}
body {
	margin: 0;
	padding: 0;
}
option {
	padding-left: 0.4em;
}
fieldset {
	border: 0;
	width: 100%;
}
img {
	display:block;
	border: 0;
}

/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
input.button {
	cursor: pointer;
}
table {
	font-weight:normal;
}


/********************************************************************************/
/* 							     LAYOUT 							  			*/
/********************************************************************************/

.navbar-fixed-top {
	margin-bottom:20px;
  }

/********************************************************************************/
/* 								ENTETE				    			  			*/
/********************************************************************************/

.uppermenu {
	padding:4px 0;
}

div#logo img{

}

#headerWrap {
	position:relative;
	z-index:200;
}

#imageHeaderWrap {
	position:relative;
	z-index:100;
}
/********************************************************************************/
/* 								LANGUAGE	 							  		*/
/********************************************************************************/
div#languageWrap {
	position:relative;
	float:right;
	width:300px;
	padding-top:10px;
	padding-right:5px;
}
div#language{
	margin-right:20px;
}


/********************************************************************************/
/* 								TOPMENU		 							  		*/
/********************************************************************************/
div#topMenuWrap {
	clear:both;
}
div#topMenu {
	margin:20px 0 45px;
	background-color: #00afeb;
	position: relative;;
	z-index: 200;
}

.eventDetail div#topMenu {
	margin:0;
}

/********************************************************************************/
/* 								UPPER BOXES 							  		*/
/********************************************************************************/
#imageHeader {
	margin-bottom:15px;
}
#upperbox {

}
#upperbox .span12, #upperbox .span24 {
	margin-bottom:15px;
}

#upperbox .upper_top .moduletable {
	padding:14px 26px;
}

#upperbox .upper_top h1 {
	margin:-14px -26px;
	padding:14px 26px;
	border-bottom:1px solid #ffffff;
}

/********************************************************************************/
/* 								CONTENT 							  			*/
/********************************************************************************/
div#contentWrap {
    background : url("/templates/granddefoulement/images/fond-site.jpg") no-repeat scroll center top transparent
}

.accueil div#contentWrap {
    background : url("/templates/granddefoulement/images/fond-accueil.jpg") no-repeat scroll center top transparent
}
div#content {

}

/********************************************************************************/
/* 								PATHWAY 							  			*/
/********************************************************************************/
div#pathwayWrap {
	width: 100%;
}
div#pathway {
	font-size:10px;
	color: #666666;
	padding:10px;
	background-color: #FDFDFD;
}

/********************************************************************************/
/* 								LEFT COLUMN 							  		*/
/********************************************************************************/
#left {}

/********************************************************************************/
/* 								MAIN CONTENT 							  		*/
/********************************************************************************/

#mainContentInner {
	padding:30px;
}


.accueil #mainContentInner, .recherche-participants #mainContentInner {
	padding:0;
}

.joomla {
	line-height:1.6em;
}

.joomla img {
	display:inline;
}


/********************************************************************************/
/* 								RIGHT COLUMNS 							  		*/
/********************************************************************************/


#colRight {

}


/********************************************************************************/
/* 								SPACERS 							  			*/
/********************************************************************************/
div.spacer {
	width:5px;
	padding:0px;
	margin:0px;
	background-color:#d6d6d6;
}

/********************************************************************************/
/* 								ADVERT BOXES 							  		*/
/********************************************************************************/
div#advertboxWrap {
}
div#advertbox{
	padding:5px 0px 5px 0px;
}

/* ADVERT 1 */
div#advert1Wrap {
	width:100%;
}
div#advert1{
	padding:5px;
}

/* ADVERT 2 */
div#advert2Wrap {
	width:100%;
}
div#advert2{
	padding:5px;
}

/********************************************************************************/
/* 								BOTTOM BOXES 							 		*/
/********************************************************************************/
div#bottomboxWrap {
	float:left;
	display:inline;
	clear:left;
}
div#bottombox{
	padding:0px 10px;
	margin:0px;
}

/* BOTTOM LEFT */
div#bottomleftWrap {

}
div#bottomleft{

}

div#bottomboxWrap img {
	display:inline;
}
/* BOTTOM RIGHT */
div#bottomrightWrap {
	position:relative;
	float:left;
	width:100%
}
div#bottomright{
	padding:5px;
}

/********************************************************************************/
/* 								BOTTOM MENU								 		*/
/********************************************************************************/
div#bottommenuWrap {
    float: left;
    width: 600px;
}
div#bottommenu {
	padding:0px;
	margin:0px;
}

/********************************************************************************/
/* 								COPYRIGHT	 							  		*/
/********************************************************************************/
div#copyrightWrap {

}
div#copyright {
	font-size:11px;

}


/********************************************************************************/
/* 							 	CONTOUR (Image, IFrame) 						*/
/********************************************************************************/
img.contour {
	padding:0px;
	border:1px solid #205CAB;
}
.contourFrame {
	padding:0px;
	border:1px solid #205CAB;
}

/********************************************************************************/
/* 								VARIOUS								  			*/
/********************************************************************************/
table.horaire{
	width:100%;
	border:1px solid #86ADD3;
	border-spacing:0;
}
table.horaire td{
	padding:5px;

}
table.horaire th{
	font-weight:bold;
}
table.horaire tr.bluerow{
	background-color:#CFD5E3;

}
table.horaire thead.toprow{
	background-color:#0B56A6;

}

table.listTable {
	width:100%;
	border-spacing:0;
}
.table-gestion-evenement, #promesse_list table.listTable{
	margin:0 0 10px;
}

table.listTable thead, table.listTable thead tr:hover {
	}
table.listTable th, table.listTable td {
	padding:4px 6px;
	text-align:left;
	}
table.listTable td.name {
	overflow:hidden;
	max-width:150px;
}
.article table.listTable td {
	vertical-align:top;
}
table.listTable tr.tableLine0, table.listTable tr.row2 {
	background-color:#ffffff;
	}
table.listTable tr.tableLine1, table.listTable tr.row1 {
	background-color:#f6f6f6;
	}
table.listTable tr:hover {
	background-color:#EBF2F8;
	}
#searchTeams_list tr, #searchUsers_list tr{
	cursor:pointer;
}

#ranking_list table.listTable tr.tableLine1:hover, #searchComplete_list table.listTable tr.tableLine1:hover, .article table.listTable tr.tableLine1:hover {
	background-color:#f3f3f3;
	}
	#ranking_list table.listTable tr.tableLine0:hover, #searchComplete_list table.listTable tr.tableLine0:hover, .article table.listTable tr.tableLine0:hover {
	background-color:#ffffff;
	}

#searchUsers_list table.listTable td.email{
	padding-right:30px;
}
table.listTable tr.selected td {
	background-image:none;
}
.listTable td.donationGoal {
	text-align:right;
	width:90px;
}
.listTable td.amount {
    width: 80px;
	text-align:right;
}
.listTable td.action {
    width: 100px;
}
td.action a:link, td.action a:visited, td.action a:hover, td.action a:active {
    text-decoration:none;
	font-size:16px;
	margin-right:5px;
}

table.listTable td.thankyou_for_donation {
	text-align:center;
	width:55px;
}


/********************************************************************************/
/*  							FORM SETTINGS  									*/
/********************************************************************************/

input.btnSoumission {
	border:0;
	width:130px;
	margin-top:5px;
	padding:3px 0 3px 0;
	cursor:pointer;
	color:#FFFFFF;
	background:url(http://www.granddefoulement.ca/templates/granddefoulement/images/btn-soumission.gif) no-repeat;
}
input.btnDeconnecter {
	border:0;
	width:130px;
	margin-top:5px;
	padding:3px 0 3px 0;
	cursor:pointer;
	color:#FFFFFF;
	background:url(http://www.granddefoulement.ca/templates/granddefoulement/images/btn-deconnecter.gif) no-repeat;
}

/********************************************************************************/
/*  							CLEARING & FLOATING 							*/
/********************************************************************************/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
/* clearing & floating */
.clearingfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearingfix {
	height: 1%;
}
.clearingfix {
	display: block;
}
/* End hide from IE-mac */
.clearingfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}