/*
Theme Name: Mentore
Theme URI: http://mpacn.org
Description: Le thème de la page d'accueil de mpacn.org (<em>Ne pas utiliser en tant que thème de blogue individuel</em>)
Version: 1.0
Author: Rémi Prévost
Author URI: http://ixmedia.com/
*/

/*

  -- -- -- -- -- -- --
  Rémy Savard [iXmedia.com]
  global.css - Mise en page
  Dernière modification: 26 nov 08
  -- -- -- -- -- -- --

*/
                                            /* -- Imports -- */

@import url("reset.css"); /* Éric Meyer's Reset */
/* Font styles */
@import url( _inc/css/fonts/12px.css );

/* Layout styles for home page, internal pages and blog/directory pages */
@import url( _inc/css/layout/home-page/3c-right.css );
@import url( _inc/css/layout/internal-pages/3c-left.css );
@import url( _inc/css/layout/blog-dir-pages/2c-right.css );

/* Admin bar styles */
@import url( _inc/css/adminbar.css );

/* Default example styles -- these should be your own styles in a child theme */
@import url( _inc/css/screen.css );
                                            /* -- Styles générales -- */

* {margin: 0; padding: 0;}
html {font-size: 62.5%; /* Resets 1em to 10px */}
body {
  font-size:1.3em; /* 12px => Base font */
  line-height:1.2; /* line-height de base */
  font-family: "Trebuchet MS", 'Lucida Grathnde', Verdana, Arial, Sans-Serif;
  color:#3f190e;
  background:#bc8f58 url(img/fond-page.gif) repeat-x left top;
}

a:link, a:visited {text-decoration:underline;} /* Liens de base */
a:hover, a:active {text-decoration:underline;} /* Lien:hover de base */
a {
  color: #ff9725;
}
a img {border: none;}
a * { cursor: pointer; }
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p {margin:1em 0;}
ul, ol {margin:1em 0;padding-left: 2.5em;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}

#colonne-centre ol {
	list-style: decimal;
}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

                                            /* -- Wrap -- */
#emballage {
  width:100%;
  background: url(img/fond-entete.jpg) no-repeat center top;
}

#page {
  width:882px;
  margin:0 auto;
}

                                            /* -- Entete -- */

body.bp-root-blog #entete {
  background: url(img/bg-logo.gif) no-repeat 0 40px;
  height:147px;
  margin-bottom:18px;
  position: relative;
  text-indent: -9999px;
}

body.bp-regular-blog #entete {
  background: url(img/bg-logo.gif) no-repeat 0 40px;
  height:187px;
  margin-bottom:18px;
  position: relative;
}

#entete #mpacn a {
  position: absolute;
  width: 440px;
  height: 60px;
  text-indent: -9999px;
  top: 66px;
  left: 30px;
  display: block;
}

body.bp-regular-blog #entete h1 a {
	color: #3F190E;
	text-decoration: none;
	position: absolute;
	left: 14px;
	bottom: 15px;
	display: block;
	font-weight: bold;
}

#entete * {
  margin: 0;
}
                                            /* -- Contenu -- */

#settings-form,
#content {
  background: #fff;
  padding: 20px;
  margin-left: 140px;
}

#contenu {
  padding:0px;
  background: #fff;
}

#colonnes {
  background: url("img/fond-colonnes.gif") repeat-y;
  padding: 0 0 40px;
}

.bars {
	width: 140px;
	float: left;
}

.bars #userbar {
	margin: 0 0 1em;
}

#contenu-principal {
  width: 661px;
  float: right;
}

                                            /* -- Colonne-gauche -- */

#colonne-gauche {
  float:left;
  width:216px;
  padding-bottom: 14px;
}

#colonne-gauche h2 {
	padding: 10px 0 6px 0;
	margin: 0;
	clear: both;
}

#colonne-gauche ul {
	padding: 0;
  margin: 0 0 10px;
  width: 202px;
  overflow: hidden;
}

#colonne-gauche .left-widget {
  padding-left: 14px;
  margin: 0 0 1.5em;
}

#colonne-gauche ul li {
  float: left;
  width: 100%;
}

#colonne-gauche ul li a:link, #colonne-gauche ul li a:visited {
  display:block;
  padding:10px 0 8px 7px;
  background:#ff9725;
  color:#fff;
  text-decoration:none;
  margin-bottom:1px;
}

#colonne-gauche ul li.mon-profil a:link, #colonne-gauche ul li.mon-profil a:visited {
	background: #da7f1a;
	font-weight: bold;
}

#colonne-gauche ul li.active a {
  color:#3e190e;
  background:#fff;
}

#colonne-gauche ul li a:hover, #colonne-gauche ul li a:active {
  background:#ffba6e;
}

                                            /* -- Colonne-centre -- */

#colonne-centre {
  float:left;
  width:437px;
  padding-left: 4px;
}

.bp-regular-blog #colonne-centre {
  float:left;
  width: 657px;
}

#sous-menu {
  margin:0;
  padding:0 0 0 9px;
  border-left: 216px solid #fff;
}

#sous-menu li {
  display:block;
  float:left;
}

#sous-menu li a {

  height: auto !important;
  height: 28px;
  min-height: 28px;

  float:left;
  text-transform:uppercase;
  color:#9c5619;
  text-decoration:none;

  font-weight:bold;
  padding:0 13px 0 0;
  background: url(img/menu-droite.gif) no-repeat right top;
  margin-right:3px;
  display: block;
}

#sous-menu li a span {
  height: auto !important;
  height: 15px;
  min-height: 15px;

  display: block;
  padding: 7px 2px 6px 12px;
  float:left;
  background: url(img/menu-fond.gif) repeat-x left bottom;
}

#sous-menu li.current_page_item a,
#sous-menu li a:hover, #sous-menu li a:active {
  background: url(img/menu-droite-active.gif) no-repeat right top;
  color: #3f190e;
}

#sous-menu li.current_page_item a span,
#sous-menu li a:hover span {
  background: #fff url(img/fond-colonne-centre.gif) repeat-y left top;
}

#sous-menu li a.permier:hover span, #sous-menu.permier li a.permier:active span {
  background: #fff url(img/menu-fond-active.gif) repeat-x left top;
}

#colonne-centre .interieur {
  background:#fff url(img/fond-colonne-centre.gif) repeat-y left top;
  padding:32px 16px 32px 26px;
}

#colonne-centre .interieur ul {

}

#colonne-centre .interieur ul li {
  list-style-image: url("img/ico-bullet.gif");
}

#colonne-centre .interieur h1 {
  font-size: 130%;
}

.bp-regular-blog #colonne-centre .interieur .billet {
	margin: 0 0 2em;
	border-bottom: 1px solid #ddd;
	padding: 0 0 2em;
}

.bp-regular-blog #colonne-centre .interieur h1 {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 0.3em;
}

.bp-regular-blog #colonne-centre .interieur .meta {
	font-size: 90%;
	color: #777;
}

#colonne-centre .interieur h2 {
  font-size: 110%;
}

#nav-pages {
	background: #BC8F58;
	border-bottom: 2px solid #431400;
	position: relative;
}

#nav-pages .rss {
	position: absolute;
	top: 9px;
	right: 9px;
	background: url("img/feed.png") no-repeat 0 50%;
	padding: 0 0 0 21px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#nav-pages ul {
	padding: 0;
	margin: 0;
}

#nav-pages ul li {
	margin: 0;
	float: left;
}

#nav-pages ul li a {
	float: left;
	display: block;
	padding: 9px 14px;
	color: #fff;
	text-decoration: none;
}

#nav-pages ul li a:hover, #nav-pages ul li.current_page_item a {
	background: #CEAC7F;
}


                                            /* -- Colonne-droite -- */

#colonne-droite {
  position:relative;
  float:right;
  width:212px;
}

#colonne-droite .interieur {
  padding:32px 24px;
}

#colonne-droite .interieur h2 {
  margin: 0 0 1em;
}

#colonne-droite .interieur ul {
	padding-left: 0;
}

#colonne-droite .interieur ul li {
	margin: 0 0 5px;
}


                                            /* -- Pied -- */

#pied { text-transform: uppercase; }

                                            /* -- Formulaires -- */

form ul {list-style:none;}
form ul li {width:100%;margin-bottom:5px;}
form ul li label, form ul li span {line-height:16px;text-align:right;width:300px;float:left;margin-right:10px;}
form ul li span {}
form ul li input, form ul li select, form ul li textarea {display:block;float:left;margin-right:10px;}

/* Choix -------------------------*/

form ul.choix {padding:0;float:left;margin:0;}
form ul.choix li input {float:left;margin:3px 5px 0 0;}
form ul.choix li label {text-align:left;width:auto;}

/* Erreurs -----------------------*/

input.erreur, select.erreur, textarea.erreur {border:1px dotted #CF2200;}
label.erreur {color:#CF2200;margin:0;width:auto!important;text-align:left;}


                                            /* -- Class -- */



#wp-calendar {
	width: 100%;
	border-collapse: collapse;
}

#wp-calendar td {
	padding: 4px 0;
	background: #f2e9db;
	border: 1px solid #fff;
	text-align: center;
}

#wp-calendar td#prev,
#wp-calendar td#next {
	padding: 7px 0;
}

#wp-calendar th {
	padding: 4px 0;
	text-align: center;
	background: #FF9725;
	color: #fff;
}

#wp-calendar caption {
	padding: 0 0 1em;
	font-weight: bold;
}


#pied {
	width: 882px;
	height: 159px;
	margin-top: 8px;
}

#pied .inner {
	width: 882px;
	margin: 0 auto;
	position: relative;
	height: 159px;
	background: url("img/bg-footer.jpg") no-repeat;
}

#pied a {
	position: absolute;
	display: block;
	text-indent: -9999px;
}

#pied p {
	position: absolute;
	color: #fff;
	font-size: 85%;
	width: 364px;
	left: 21px;
	top: 20px;
}

#pied a.sage {
	left: 21px;
	top: 81px;
	width: 83px;
	height: 38px;
}

#pied a.ulaval {
	left: 121px;
	top: 79px;
	width: 88px;
	height: 42px;
}

#pied a.cre {
	left: 235px;
	top: 68px;
	width: 92px;
	height: 58px;
}

#pied a.bureau {
	left: 345px;
	top: 67px;
	width: 161px;
	height: 66px;
}

#pied a.forum {
	left: 497px;
	top: 76px;
	width: 95px;
	height: 40px;
}

#pied a.cld {
	left: 608px;
	top: 77px;
	width: 133px;
	height: 47px;
}

#pied a.fondation {
	left: 745px;
	top: 83px;
	width: 117px;
	height: 37px;
}

                                            /* -- Clearfix -- */

/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clearfix {display: inline-block; }
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* -------------------------*/

                                            /* -- Enregistrement -- */

.mu_register table {
	border-spacing: 10px;
}

.mu_register table td {
	border-spacing: 10px;
}

.mu_register .signup-field {
  width: 100%;
  overflow: hidden;
  padding: 0 0 4px;
}

.mu_register #breaker {

}

.mu_register .signup-field .signup-label,
.mu_register .signup-field label {
  float: left;
  width: 200px;
  margin: 0;
  font-size: 100%;
}

.clear-value,
.mu_register .signup-field.radio label {
  display: block;
  float: none;
  width: auto;
  margin: 0 0 4px 200px;
}

.mu_register .signup-description {
  margin: 0 0 0 6px;
}

.mu_register div.error {
  border: none;
  color: inherit;
  font-weight:normal;
  padding:5px;
}


.mu_register tr.error td{
	padding: 5px;
}

#sidebar {
	background: #fff;
	padding: 20px;
}

ul#letter-list, ul#members-list {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}
	ul#letter-list li {
		float: left;
		margin: 0 4px 3px 0;
		width: 3.2%;
	}
		ul#letter-list li a {
			display: block;
			background: #eee;
			text-align: center;
			text-decoration: none;
			font-size: 12px;
			color: inherit;
			font-family: Georgia, Times, serif;
		}
		
		ul#letter-list li a:hover {
			font-weight: bold;
			background: #fff9df;
			color: #f7740a;
		}

ul#members-list {
	margin: 18px 0 0 0;
}

ul#members-list li {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 0 1em;
}

	ul#members-list li .item-avatar, .avatar-block img.avatar {
		float: left;
		margin: 0 15px 0 0;
	}
	
	ul#members-list li .item-avatar img, img.avatar {
		border: 3px solid #ddd;
	}
	
	ul#members-list li h4.item-title {
		margin: 0 0 7px 0;	
	}
		
	ul#members-list li .item {
		margin-left: 71px;
	}
	
	ul#members-list li .item-meta {
		margin: 10px 0;
	}
	
	ul#members-list .item-options {
		text-align: right;
		font-size: 0.9em;
		margin: -15px 0 5px 0;
	}
	
	ul#members-list li div.action {
		position: absolute;
		top: 20%;
		right: 1em;
		text-align: right;
	}
		div.action div.friendship-button {
			margin-bottom: 5px;
		}
		
		div.action div.meta {
			font-size: 0.9em;
		}
	
/* Search Form */

#search-members-form input {
	width: 72%;
	padding: 0.3em 0.3em;
	font-size: 1.1em;
	font-family: Georgia, Times, serif;
}
	#search-members-form #members_search_submit {
		width: auto;
		font-size: 1.1em;
	}

	.profile-data {
		font-size: 0.9em;
		color: #777;
	}
	
	.profile-data .field-name {
		font-weight: bold;
	}
	
/* Pag Links */

.pagination-links {
	margin-top: -0.7em;
	float: right;
}
	.pagination-links .page-numbers {
		padding: 0.65em 0.7em;
		height: 24px;
	}
	.pagination-links .current {
		padding: 0.5em 0.7em;
	}
	
	div.info-group .pagination-links {
		margin: 0 0 5px 0;
		float: none;
		text-align: right;
	}
	
.pag-count {
	margin-bottom: -12px;
}

/* Buttons */

.friendship-button {
	background: url(../../bp-core/images/button_back.gif) top left no-repeat;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}

.friendship-button a {
	display: block;
	height: 19px;
	color: #777;
	font-size: 11px;
	padding: 0 33px 0 11px;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
	margin-right: -6px;
}
	.friendship-button a:hover {
		color: #555;
	}

	.friendship-button a.add {
		background: url(../../bp-core/images/add_button_side.gif) top right no-repeat;
	}

	.friendship-button a.remove {
		background: url(../../bp-core/images/remove_button_side.gif) top right no-repeat;
	}

	.friendship-button a.requested {
		background: url(../../bp-core/images/check_button_side.gif) top right no-repeat;
	}
	
	.loading a {
		background: url(../../bp-core/images/loading_button_side.gif) top right no-repeat !important;		
	}