/*
CSS version 1.0 by Patrice Poulin
 */
/*-------------------------------->>> GLOBAL <<<--------------------------------*/
body {
	width:1420px;
	height:1339px;
    margin:0px 0;
    padding:0;
	font-family:Origema, arial;
	font-size:14px;
}


div#bannerleft {
	background:url(../img/bangauche.png) no-repeat; 
	float:left;
	width:260px;
    height:1339px;
}

div#bannerright {
	background:url(../img/bandroite.png) no-repeat;
	float:right;
	width:260px;
    height:1339px;

}

div#container {
    width:900px;
	align:center;
    margin:0px auto;
}

div#header {
    height:300px;
}

/*-------------------------------->>> CONTENT <<<--------------------------------*/
div#content{
	width:100%;
    height:950px;
	margin:0;
	padding:0;
	background-color:#207ebc;
}

div#content1{
	width:100%;
    height:750px;
	margin:0px,0,0,0;
	padding:0px,0,0,2px;
	
}


/**************************************************************************
    CONTACTS
**************************************************************************/

div#contacts { 
    background:url(../img/contact-bg.png) no-repeat;
    position:fixed; 
	width:40px;
    height:180px;
    margin:30px 40px 40px 0px;
    padding:10px 0px 0px 2px;
}
.contacts a { width:25px; height:25px; display:inline-block; margin-top:5px;}
div#email{ background:url(../img/email.png) no-repeat; width:143px; height:25px;}
div#youtube{ background:url(../img/youtube.png) no-repeat; width:143px; height:25px; }
div#twitter{ background:url(../img/twitter.png) no-repeat; width:143px; height:25px; }
div#facebook{ background:url(../img/facebook.png) no-repeat; width:143px; height:25px; }
div#google{ background:url(../img/google.png) no-repeat; width:143px; height:25px; }
div#vimeo{ background:url(../img/vimeo.png) no-repeat; width:143px; height:25px; }


/*-------------------------------->>> SDDM <<<--------------------------------*/


div#navbar
{
}  

div#mainDiv
{
  width:185px;
}

div#topItem
{
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  border: none;
  width: 185px;
  height: 25px;
  color: #215dc6;
  cursor:pointer;
  text-indent:10px;
}

div#topItemOver
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-up-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}

div#topItemClose
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #215dc6;
  cursor:pointer;
}


div#topItemCloseOver
{
  text-indent:10px;
  font: bold 12px tahoma,verdana,sans-serif;
  letter-spacing: 0;
  background: url("arrow-down-title-on.jpg") no-repeat 0 0;
  background-position:center center;
  background-repeat:no-repeat;
  height: 25px;
  width: 185px;
  color: #428eff;
  cursor:pointer;
}



div#dropMenu
{
  font: bold 11px tahoma,verdana,sans-serif;	
  background-color: #d6dff7;
  color: #000;
  border: 1px solid #FFFFFF;
  border-width: 0 1px 1px 1px;
  filter:alpha(opacity=100);
  padding-top:5px;
  padding-bottom:5px;
}

div#subMenu
{
   display:block;
}

div#subItem
{
   margin-left:10px;
   margin-top:2px;
   height:18px;
   font: 11px tahoma,verdana,sans-serif;	
   text-decoration:none;
   color: #215dc6;
   
}

div#subItem a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;	 	
   text-decoration:none;
   color: #215dc6;
}

div#subItemOver
{
   margin-left:10px;
   margin-top:2px;
   font: 11px tahoma,verdana,sans-serif;	  
   height:18px;
   color: #428eff;
}

div#subItemOver  a
{
   margin-left:23px;
   font: 11px tahoma,verdana,sans-serif;
   cursor:pointer;	
   color: #428eff;
   text-decoration:underline;
   cursor:pointer;
}


div#drop
{
   border-left:1px solid black;
   border-right:1px solid black;	
}




/*-------------------------------->>> MENU <<<--------------------------------*/
div#menu {
    width:100%;
    height:40px;
    margin:0;
    background-image:url(../img/menu.gif);
	font-size:18px;
    font-weight:bold;
	


}

div#menu a:hover {
margin:0 0 0 8px;
font-size:22px;


}

div#menu ul {
	width:100%;
	height:40px;
	margin:0;
    padding:0;
    list-style-type:none;
}

div#menu ul li {
    float:left;
    width:120px;
    margin:0;
	padding:7px 0 0 0;
	text-align:center;
}

div#menu ul li a {
	text-decoration:none;
	color:#fff;
}

div#menu ul li#first {
	background-image:none;
	
}

/*-------------------------------->>> CONTENT LEVEL 1 <<<--------------------------------*/
div#contentLevel1 {
    width:100%;
    height:285px;
	margin:0;
	padding:10px 0 0 0;
}

div#homeVideo {
	float:left;
	width:371px;
	height:281px;
	margin:0 0 0 6px;
	padding:0;
	border:solid 1px #ffffff;
	background-color:#000000;
}

/*-------------------------------->>> CONTENT LEFT - CAROUSEL <<<--------------------------------*/
div#carousel {
	float:left;
    width:500px;
    height:281px;
	margin:0 0 0 8px;
	padding:0;
	background-color:#fff;
	
	
}

div#carousel_left {
	float:left;
	width:40px;
	height:281px;
	background-image:url(../img/bg_carousel_left.gif);
}


div#carousel_right {
	float:right;
    width:460px;
    height:245px;
}

div.carouselContent {
    width:100%;
    height:245px;
}

div#carousel1 {
	cursor:pointer;
}
div#carousel2 {
	cursor:pointer;
}
div#carousel3 {
	cursor:pointer;
}

div#carousel4 {
	background-color:yellow;
}
div#carousel5 {
	background-color:red;
}

/*-------------------------------->>> CAROUSEL NAVIGATION <<<--------------------------------*/
div#carouselNav {
    width:100%;
    height:35px;
	margin:0;
	padding:0;
    background-color:#014067; /*#003556; blue nav carousel */
	border-top:solid 1px #000;
	color:#fff;
	font-weight:bold;
}

div#carouselNav ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

div#carouselNav ul li {
	height:35px;
	width:70px;
    float:left;
    margin:0;
    padding:0;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;

}


div#carouselNav ul li#carouselNav1 {
	background-image:url(../img/carouselNav1-on.jpg);
}


div#carouselNav ul li#carouselNav2 {
	background-image:url(../img/carouselNav2.jpg);
}

div#carouselNav ul li#carouselNav3 {
	background-image:url(../img/carouselNav3.jpg);
}

div#carouselNav ul li p.title{
	margin:10px 14px 0 14px;
	padding:0;
}

div#carouselNav ul li.hover {
	background-color:#002841;
}

div#carouselNav ul li.on {
	background-color:#003556;
}

/*-------------------------------->>> CONTENT LEVEL 2 <<<--------------------------------*/
div#contentLevel2 {
    width:100%;
    height:298px;
	margin:10px 0 0 0;
	padding:0;
}

div.level2_box {
	float:left;
	width:287px;
	height:285px;
	margin:0;
	padding:0;
}

div#focus {
	margin:0 0 0 6px;
	padding:0;
	background-image:url(../img/toolbar_zoomsur.jpg);
	background-repeat:no-repeat;
}

div#focus_content{
	margin:0;
	padding:37px 0 0 10px;
    text-indent:10px
    }

div#focus_content h1 {
	margin:0;
	padding:8px 0 0 0;
	font-size:16px;
	color:#FFFFFF;
}

div#focus_content p {
	margin:3px 0 13px 0;
	padding:0;
	color:#FFFFFF;
	font-size:14px;
	font-family:Origema;
}

div#lastAlbum {
	margin:0 0 0 10px;
	padding:0;
	background-color:none;
	background-image:url(../img/toolbar_dernieralbum.jpg);
	background-repeat:no-repeat;
}

div#lastAlbum ul {
	width:255px;
	height:250px;
	margin:0;
	padding:35px 0 0 20px;
	list-style-type:none;
}

div#lastAlbum ul li {
	float:left;
	width:75px;
	height:75px;
	margin:0px 8px 8px 0px;
	padding:0;
	border:solid 1px black;
	cursor:pointer;
}


div#lastAlbum ul li img:hover {	
	border:1px solid black;
	margin:0px 8px 8px 0px;
	width:80px;
	height:80px;
}

div#lastAlbum ul li img {
	display:block;
	border:none;
}

div#lastAlbum ul li.on {
	border:solid 1px #ffffff;
}


div#Album {
	margin:0 0 0 10px;
	padding:0;
	background-color:none;
	
}

div#Album ul {
	width:255px;
	height:250px;
	margin:0;
	padding:35px 0 0 20px;
	list-style-type:none;
}

div#Album ul li {
	float:left;
	width:75px;
	height:75px;
	margin:0px 8px 8px 0px;
	padding:0;
	border:solid 1px black;
	cursor:pointer;
}


div#Album ul li img:hover {	
	border:1px solid black;
	margin:0px 8px 8px 0px;
	width:80px;
	height:80px;
}

div#Album ul li img {
	display:block;
	border:none;
}

div#Album ul li.on {
	border:solid 1px #ffffff;
}




div#pub {
	margin:0 0 0 10px;
	padding:0;
	background-image:url(../img/toolbar_pub.jpg);
	background-repeat:no-repeat;
}

div#pub_content {
	width:250px;
	height:250px;
	margin:35px 0 0 17px;
	padding:0;
	/*border:solid 1px #ffe7d8;*/
}

/*-------------------------------->>> CONTENT LEVEL 3 <<<--------------------------------*/
div#contentLevel3 {
    width:100%;
    height:292px;
	margin:0;
	padding:0;
}

div#linked {
	float:left;
	width:447px;
	height:285px;
	margin:0 10px 0 6px;
	padding:0;
}

div#linked ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#linked ul li {
	width:100%;
	height:96px;
	margin:0 0 10px 0;
	padding:0;
	cursor:pointer;
}

div#linked ul li#bg_newsletter {
	font-size:14px;
	font-family:Origema;
	font-weight:bold;
	color:#ffffff;
	background-image:url(../img/bg-souskay-newsletter.jpg);
}

div#form_newsletter {
	height:45px;
	margin:0;
	padding:32px 0 0 65px;
}

input.form_txtbox {
	margin:0;
	padding:0;
	background-color:#8ebce6;
	border:solid 1px #ffffff;
	color:#003556;
	font-weight:bold;
}

input#btn_newsletter {
	width:75px;
	height:20px;
	margin:0 0 0 10px;
	padding:0 0 2px 0;
	border:solid 1px #ffffff;
	font-weight:bold;
	color:#ffffff;
	background-color:#FF8500;
}

div#chatbox {
	float:left;
	width:422px;
	height:319px;
	margin:0;
	padding:0;
    border:solid 1px #ffffff;
	-moz-border-radius:5px 5px 5px 5px;
	
}

/*-------------------------------->>> FOOTER <<<--------------------------------*/
div#footer {
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	font-family:Origema, arial;
	font-size:12px;
	font-weight:bold;
	background-image:url(../img/bg-footer.jpg);
	background-color:#f5fdff;
}

div#footer p {
	text-align:center;
	margin:0;
	padding:12px 0 0 0;
	color:#ffffff;
}