@charset "utf-8";
/*  ----------\
	-----------------------------------------------
	Title 		: PointPub Media Communications CSS Splash Document
	Author 		: Marc Bureau
	Version 	: 1.0
	Created 	: 11-06-2010
	Copyright 	: PointPub Media Communications (c) 2010
	-----------------------------------------------
	----------/
*/
*{ padding: 0; margin: 0; }
body {
margin:0;
padding:0;
font-family:arial, verdana, sans-serif;
font-size:11px;
font-weight:bold;
color:#fff;
background:url(../images/background.jpg) #6f9441 top center no-repeat;
}
a {outline: none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}
img {border: none; outline:none;}


#body_area{ width:100%; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0px; float:none; }
#content {width:996px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0px; float: none;}
#left {margin:0; padding:0; float:left; width:498px; height:563px; outline:none;font-family:arial, verdana, sans-serif; font-size:11px; font-weight:bold; text-transform:capitalize; }
#logo {margin:0; padding:0; float:left; width:498px; height:290px; background:url(../images/logo_bg.jpg) left top no-repeat; }
#images {margin:0; padding:0; float:left; width:498px; height:273px; }
#blog {margin:0; padding:0; float:left; height:72px; width:498px; background:url(../images/blogtop_bg.jpg) left top no-repeat; }
#blogtitre {margin:10px 0 0 25px; padding:0; float:left; width:440px; color:#314c23; text-transform:uppercase; font-family:arial, verdana, sans-serif; font-size:14px; font-weight:bolder;}
#bloginfo {margin:0 0 0 25px; padding:0; float:left; color:#314c23; font-weight:normal; font-size:12px; width:290px }
#suite{margin:0; padding:0; float:left; width:170px; color:#b8d546; text-transform:uppercase; font-size:10px; font-weight:bold; }
#suite a{color:#b8d546; text-transform:uppercase; font-size:10px; font-weight:bold; text-decoration:none; }
#suite a:link{color:#b8d546; text-transform:uppercase; font-size:10px; font-weight:bold; text-decoration:none;}
#suite a:visited{color:#b8d546; text-transform:uppercase; font-size:10px; font-weight:bold; text-decoration:none;}
#suite a:hover{color:#b8d546; text-transform:uppercase; font-size:10px; font-weight:bold; text-decoration:underline;}
#suite a:active{color:#b8d546; text-transform:uppercase; font-size:10px; font-weight:bold; text-decoration:none;}
#twitter {margin:0; padding:0; float:left; width:30px; }
#choix {margin:0; padding:0; float:left; width:498px; height:150px; background:url(../images/choix-box.jpg) left bottom no-repeat;}
#btn {margin:0; padding:0; float:left; width:498px; height:340px;}




.selection {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
text-shadow: 0 1px 0 #227497;
color:#fff;}


.text {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-shadow: 0 1px 0 #227497;
color:#fff;
}

.footer{
float:left;
width:996px;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#336600;
}
.footer a:link {color:#336600; text-decoration:none;}
.footer a:visited {color:#336600; text-decoration:none;}
.footer a:hover {color:#336600; text-decoration:underline;}
.footer a:active {color:#336600; text-decoration:none;}

.clearAll {
	clear: both;
}

.SlidingPanels {
	width: 498px;
	height: 273px;
}
.SlidingPanelsContent {
	width: 498px;
	height: 273px;}
	
#ppm .SlidingPanels {
	float: left;
}
#ppm .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#ppm .SlidingPanelsContent {
	float: left;
	width: 498px;
}