@charset "UTF-8";
/* CSS Document */
/*   
Theme Name: Champigny
Theme URI: http://www.pixel-media.net
Description: Thème pour le Collège de Champigny, Québec
Author: Karl Lacroix, pixel média
Author URI: http://www.pixel-media.net
Template: Champigny
Version: 1.1
.
General comments/License Statement if any.
Copyright Collège de Champigny, 2009 - Tous droits réservés
.
*/
/* @import url("http://localhost/wordpress/wp-content/themes/champigny/css/menu_dropdown.css"); */
@import url("css/prettyPhoto.css");

/* Général / body
----------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	/*background-color:#f4f4f4; */
	background: url(images/bg.jpg) repeat-x #f4f4f4;
	font-size:11px;
}
body img {
	border:0;
}
body p {
	font-size:11px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#imgTop{width: 945px; height:265px; position: absolute; top:0; right:0;}
/* Conteneur
----------------------------------------------- */
#background {
	
	padding-bottom: 20px;
}
#conteneur { /* Conteneur du contenu */
	width: 1001px;
	margin: 0 auto;	/*border: solid 1px red;*/
}
#up, #contenu {
	width: 955px;
	margin: 0 auto;
}
#down {
	background: url(images/bg_contenu.jpg) repeat-y;
	width: 1001px;
}
.page-template-default #contenu, .page-template- #contenu, .page-template-page-categorie-php #contenu {
	background:url(images/bg_contenu_page.jpg) no-repeat top left;
	padding: 20px 40px 40px 40px;
	width: 921px;
	min-height: 400px;
}
/*  En tête
----------------------------------------------- */
#header {
	height: 148px;
	width:955px;
	margin: 0 auto;
	padding-left: 10px;
	padding-top: 5px;
	/*background: url(images/bg_background.jpg) no-repeat top right; */
}
#header .accesRapides {
	float:right;
}
#header .accesRapides a{
    color: #666;
}
#header .accesRapides a:hover{
    color: #999;
}
#header ul.menu {
	border-bottom: solid 1px #bfbcba;
	text-transform: uppercase;
	font-size: 12px;
	font-weight:bold;
	clear: none !important;
}
#header li {
	list-style-type: none;
	display: inline;
	line-height:35px;
	padding-right: 15px;
}
#header li a {
}
.filArriane {
	padding-left: 40px;
	font-size: 10px;
	color: #FFF;
	line-height: 31px;
}
.filArriane a:link, .filArriane a:visited {
	color: #EFEFEF;
}
.filArriane a:hover {
	color:#FFF;
}
/*  Contenu
----------------------------------------------- */
#contenu {
	width: 955px;
	margin: auto;
	padding-bottom: 20px;
	padding-top: 10px;
}
#contenu #pagesCategorie {
	width:275px;
	background-color:#FFCC00;
	border: solid 1px #FF6600;
	float: right;
}
#contenu a:link, #contenu a:active, #contenu a:visited {
	color: #005da1;
}
#contenu a:hover {
	color: #124870;
}
#contenu ul {
	margin-left: 20px;
}
/*  Images onglets (images en pied de page) 
----------------------------------------------- */
#onglets img {
	padding-right: 10px;
	
}
/*  Pied de page
----------------------------------------------- */
#footer {/*border: solid 1px yellow;*/
	padding: 20px 40px 10px 40px;
	background: url(images/bg_footer.jpg) top left no-repeat;
	height: 74px;
	overflow: hidden;
}
#footer ul {
}
#footer li {
	list-style-type:none;
	display: inline;
	padding-right: 10px;
	font-weight:bold;
}
#footer a:link, a:visited, a:active, a:hover {
	color: #000;
}
#footer .copyright {
	text-align: right;
}
/*  Styles utilitaires
----------------------------------------------- */
/* Entetes des pages de contenu */ 
.page-template-default h1 {
	font-size:18px;
	padding-top: 10px;
}
.page-template-default h2 {
	font-size:16px;
	padding-top: 8px;
	border-bottom: 1px solid #CCC;
}
.page-template-default h3 {
	font-size: 14px;
	padding-top: 6px;
}
.page-template-default h4 {
	font-size: 13px;
	padding-top: 5px;
}
.page-template-default h5 {
	font-size: 12px;
}
/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
.alignright {
	margin: 0 7px 2px 10px;
}
.alignleft {
	margin: 0 10px 2px 7px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* Boites */
.box { /* Boite simple */
	background: #f4f4f4;
	color: #000;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 95%;
	height: auto;
	margin-top: 10px;
	text-align:justify;
}
/* Outils */
#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px;
	height: 52px;
	z-index: 99;
	position: absolute;
	right: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/subscribe.png) no-repeat right top;
	text-indent: -9999px;
}
/* Trigger Jquery */
h2.trigger, p.listeAlbum {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 18px;
	font-weight: normal;/*float: left;*/
}
h2.trigger a, p.listeAlbum a {
	color: #fff!important;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #ccc;
}
h2.active {
	background-position: left bottom;
} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 11px;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 10px 20px 10px 20px; /*--Padding of Container--*/
	background: url(images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
input {
	border: solid 1px #999;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
label, textarea {
	margin-left: 3px;
}
.right {
	float: right;
}
.left {
	float:left;
}

li.haschildren ul {
	display: none;
}
.page_item page-item-24.current_page_parent a {
	background: url(images/bg_menu_active.gif) repeat-x #5BA1D4;
}
/* sharethis */
#sharethis_0, .post-edit-link {
	background: url(images/bg_menu_active.gif) repeat-x #5BA1D4;
	padding: 5px;
	border: solid 1px #CCC;
	margin-top:10px
}
#sharethis_0 a:link {
	text-decoration:none;
}
    .quote {
      /*  border:1px solid #9FCFFF; */
       background:url('images/quote-left.gif') no-repeat left top;
       margin-right: 30px;
       padding-top: 10px;
       padding-left: 40px;
       font-style:normal;
       font-variant:normal;
       font-weight:normal;
       font-size:16px;
	   
    }

    .quote div {background: transparent url(images/quote-right.gif) right bottom no-repeat;
     padding-right: 30px;
     padding-bottom: 10px;
    }


/* Photos    */
.ngg-album{
	float:left;
	margin: 5px;
	width: 280px;
}
.msgAccueil h2 {text-transform: uppercase; color: #006; font-weight: bold;}
.msgAccueil{width: 200px; margin: 5px; border: 1px solid #F60; background:url('images/bg_orange.jpg') #F90 repeat-x; float: left;}

.page-id-14 h1:first-child{
	display: none;
}
.page-item-190 a, .page-item-358{display:none!important;}
.page_item.current_page_ancestor, .page-item-4.current_page_item, .page-item-14.current_page_item, .page-item-24.current_page_item, .page-item-2.current_page_item, .page-item-28.current_page_item, .page-item-33.current_page_item{background: url(images/bg_menu_active.gif) repeat-x #5BA1D4;}
.page_item.page-item-103, .page_item.page-item-30, .page_item.page-item-55{background: url(images/bg_menu.gif) repeat-x;}


.grilleCours .degre{
	text-align: center;
	width: 100px;
}
table.grilleCours td, .grilleCours .degre{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	
}
table.grilleCours{margin-top: 10px;}
.grilleCours .degre_dot{
	color: #036;
	text-align:center;
	
}
.grilleCours th{border-bottom: 1px solid #CCC;}
.grilleCours th.top{padding-bottom: 5px;}
.grilleCours .options{padding-top:5px; font-weight: bold; font-size: 1.2em;}
.mmf-mail-sent-ok{background-color: #C1FFC2;}
.mmf-validation-errors{position:absolute; top:0; left:0;}
.page-id-52 h2{padding-top:50px;}


/* Gallerie VR */
#gallery-1 {
	margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;			
}
#gallery-1 img {
	border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}