/* CLF 2.0 TEMPLATE VERSION 1.05 | VERSION 1.05 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */

/* BEGIN JQUERY MENU STYLING */
.listStripeOdd{background-color:#e0e2d4;} /* CUSTOMIZE: edit this to change background color of menu */
.listStripeEven{background-color:#e0e2d4;} /* CUSTOMIZE: edit this to change background colors of menu */
.hoverOver{background-color:#81887a;} /* CUSTOMIZE: edit this to change background colors of menu */
/* END JQUERY MENU STYLING */


.proactive_bg {
	background-color: #e0e2d4 ; /* CUSTOMIZE: edit this to color the proactive menu item; be sure to add class to menu  */
}

blockquote {
	background-color:#fff;
	border: none;
	font-style: italic;
}


@font-face {
  font-family:Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 300;
}

body {font-family:Arial, Helvetica, sans-serif; }

h1 { font-family:Arial, Helvetica, sans-serif;}

div.center h2 {
background-color:#e0e2d4;
color:#000;
}

.pika-wrap {width: 520px; margin: 0 auto;}
 
.pika-image {position: relative; height: 480px; width: 640px; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}

.pika-image .caption {position: absolute; background: url(/CAC/images/images/75-black.png);  border: 1px solid #141414; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(/CAC/images/images/prev.png) no-repeat left 50%; height: 340px; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(/CAC/images/images/next.png) no-repeat right 50%; height: 340px; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(/CAC/images/images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(/CAC/images/images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
		.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}
	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 15px 30px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
    width: 90px;
    height: 350px;
    padding: 20px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    height: 90px;
    width: 460px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
    width:  90px;
    height: 350px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* GENERAL CSS ENDS | FIN DU CSS GENERAL */