/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}


/* HTML ELEMENTS */
html{ height:100%; }
body { background: #FFF url(../images/bg.gif) top center no-repeat fixed; height:100%; margin:0; font: 16px/20px 'ColaborateThinRegular', Arial, Helvetica, sans-serif; color:#000; }

/* FONT */
@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../font/ColabThi-webfont.eot');
    src: url('../font/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabThi-webfont.woff') format('woff'),
         url('../font/ColabThi-webfont.ttf') format('truetype'),
         url('../font/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ColaborateRegular';
    src: url('../font/ColabReg-webfont.eot');
    src: url('../font/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabReg-webfont.woff') format('woff'),
         url('../font/ColabReg-webfont.ttf') format('truetype'),
         url('../font/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.style1 {font: 16px/20px 'ColaborateThinRegular', Arial, sans-serif;}
.style2 {font: 16px 'ColaborateRegular', Arial, sans-serif; margin-top:5px;}
.style3 {font: 14px  'Arial', sans-serif; font-style:italic;}
.style4 {font: 18px  'Arial', sans-serif; font-style:italic; font-weight:500;}
.style5 {font: 14px/18px 'ColaborateThinRegular', Arial, sans-serif;}

p a{
	text-decoration:none;
	color:#59493f;
}
p a:hover{
	border-bottom:#990000 dotted 1px;
}

h1 { font: 30px 'ColaborateRegular', Arial, Helvetica, sans-serif; color:#59493f; margin-bottom:15px; }
h2 { font: 21px 'ColaborateRegular', Arial, Helvetica, sans-serif; color:#59493f; margin-bottom:10px; }


/* COMMON CLASSES */
.break { clear:both; }
#superglobal{ position : absolute; top :0px; min-height: 100%; height:100%; width:100%;  }
#global{ width:960px; min-height: 100%; height:100%; position:relative; margin:0 auto; }


/* HEADER */
#header {
	width:960px;
	height:80px;
	background:url(../images/bg_header.gif) top center no-repeat;
 }

/* FOOTER */
#footer {
	width:960px;
	height:80px;
	margin-top:40px;
	background:url(../images/bg_header.gif) top center no-repeat;
}

/*MENU*/
#menu_container{ width:240px; min-height: 100%; height: 100%;  float:left; margin:0;}
#menu{ width:220px; height:480px; margin:0 10px; display: block; position:fixed; text-align:center; line-height:40px; }
#menu ul {
	list-style:none;
}

#menu li {	
	line-height:35px;
	list-style:none;
}

#menu a {
	color:#000000;
	text-decoration:none;
	list-style:none;
	display:block;
}

#menu a:hover {
	color:#666666;
	text-decoration:none;
	list-style:none;
}

/*CONTENT*/
#video { width:720px; text-align:left; margin:30px 0 30px 0;}
#content{ width:720px; min-height: 400px; float:left; display: inline; background:url(../images/bg_content.gif); }
#content li{ margin-left:40px; /*list-style-position:outside;*/ margin-bottom:20px; }
#slides li{ margin-left:0px;}

/*BLOCK*/
#logo{width:220px; height:160px; margin:0 0 10px 0; background:url(../images/logo.gif) top center no-repeat; }
#block_1{width:220px; margin:0 10px 0 10px; float:left; display: inline; }
#block_2{width:460px; margin:0 10px 0 10px; float:left; display: inline; }
.block_3{width:700px; margin:0 10px 0 10px; float:left; display: inline; }

.separateur{ clear:both; width:700px; height:80px; background:url(../images/bg_separateur.gif) no-repeat; margin-left:10px; }
.separateur_2{ clear:both; width:700px; height:40px; background:url(../images/bg_separateur_2.gif) no-repeat; margin-left:10px; }

#photo_1{ 
	width:200px;
	/*height:140px;*/
	/*margin-bottom:10px;*/
	padding:10px;
	text-decoration:none;
	background-color:#FFFFFF;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	-webkit-box-shadow: #a0a0a0 0px 0px 4px;
	-moz-box-shadow: #a0a0a0 0px 0px 4px;
	box-shadow: #a0a0a0 0px 0px 4px;
	behavior: url(PIE.htc); 
}
/*NAV HEADER*/
#nav_top{
	width:220px; 
	float:right;
	margin-top:5px;	
}
.blog{
	width:40px;
	height:40px;
	margin-left:10px;
	background-image:url(../images/blog_icon.gif);
	float:left;
}
.blog a{
	text-decoration:none;
}
.facebook{
	width:40px;
	height:40px;
	margin-left:10px;
	background-image:url(../images/facebook_icon.gif);
	float:left;
}
.facebook a{
	text-decoration:none;
}
.vimeo{
	width:40px;
	height:40px;
	margin-left:10px;
	background-image:url(../images/vimeo_icon.gif);
	float:left;
}
.vimeo a{
	text-decoration:none;
}
.youtube{
	width:40px;
	height:40px;
	margin-left:10px;
	background-image:url(../images/youtube_icon.gif);
	float:left;
}
.youtube a{
	text-decoration:none;
}

/* BACKGROUND IMAGES */

/*SLIDESHOW*/
#slideshow_img{ width:460px; height:460px; background-color:#000000; position:relative; }

/* CONTROLS SLIDER HOME */