/**
* CSS
* Benoit Masse
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: "museo-1","museo-2", Georgia, serif;
	font-weight: 300;
	background: #fff;
        color:#000;
    
}

body.section-1 { }
body.section-2 { }
body.section-3 { }



/* WRAP
================================================ */


#wrap {
    margin:0 auto;
    width:950px;

}

/* Links
================================================ */

a { text-decoration: none; color:#000; }
li.active a { text-decoration: none;  color:#69d2e7;}
a:hover { text-decoration: none;  color:#fa6900;}

a.SiteLink {text-decoration: underline; font-weight:700; color:#69d2e7;}
a.SiteLink:hover {text-decoration: underline; font-weight:700;  color:#f38630;}

a.soonLink { text-decoration: none; font-weight:700; color:#d4d4d4;}
a.soonLink:hover { text-decoration: underline; font-weight:700; color:#d4d4d4;}


/*   Negative Margin for images with drop shadow
================================================ */

.negMargin {
   margin-left:-33px;
}

a img { border: none; }



/*   Menu
================================================ */

#menu {
    width: 125px;
    overflow: hidden;
    bottom: 0;
    float:left;
    height: 80%;
    background-color:#fff;
    

}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
	color:#000;
        line-height:18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #69d2e7;
    margin-bottom:10px;
    padding-bottom:10px;

}

#menu ul li.section-title {

    font-weight: 700;
    margin-bottom:4px; 

 }

/*   Content
================================================ */

#content {
 margin: 25px 0 0 20px;
 float:right;
 width: 770px;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 600px; margin-bottom: 9px; line-height:16px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 12px; color:#000;}
h2 { font-size: 31px; font-weight:300; }
h3 { font-size: 12px; font-weight:700; color:#fa6900; padding-bottom:5px;}
h4 { font-size: 12px; font-weight:700;}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }


/* Home
================================================ */


#home {
margin-top:50px;
margin-bottom:40px;
}

#home img {padding:0 2px 2px 0px;}

#homeTitle {padding-bottom:20px; font-weight:700;}



/* Description
================================================ */


#Description ul {
 list-style: none;
}

#def li {
 width: 550px; 
}

#desc li {
 display:table-cell;
 text-align:justify;
 width: 350px; 
 padding-right:0px;
 padding-top:10px;
 padding-bottom:10px;
}

#Description ul li.descFr{
 margin-bottom:10px;

}
#Description ul li.descEng{
 padding-left:60px; 
 color:#454545;
 font-style:italic;
 margin-bottom:10px;
}

.DescriptionTitle {
 font-weight:700;
}
/* Profile
================================================ */


#profileContent {
  position:relative;
  top:40px;
}

#profileContent ul {
 list-style: none;
}

#profileContent a {
 font-weight:700;
 text-decoration:underline;
}


#profileContent ul li.texteAnglais{
 color:#454545;
 font-style:italic;
}

#profileBigTitle {
 width: 300px;
 float:left;
 padding-bottom:50px;
}

#profileContact {
 margin-top:72px;
 margin-left:56px;
 width: 300px;
 float:left;
}

#profileContact li {
 padding-bottom:8px;
}

#profileColumn {
  width:100%;
  padding-bottom: 400px;
}

#profileOtherProjectTitle {width:100px;}
#Velvetmoustache {width:300px; float:left; margin-right:56px;}
#Funfridays {width:300px; float:left;}
#friend {width:165px; float:right; line-height:20px; margin-top:-23px;}

#Velvetmoustache ul li{
  padding-bottom:10px;
}

#Funfridays ul li{
  padding-bottom:10px;
}


/* Footer
================================================ */

#footer {
 height: 60px;
 clear: both;

 background: #fff;
 border:none;
 line-height:18px;
 /*border-bottom: 3px solid #a7dbd8;*/
}

#footer .footerWrap {

	padding: 0;
	border-top: 1px solid #e0e0e0;
}

#footer .footerWrap h1 {
    font-size:10px;
    margin-top:10px;
    font-weight: 300;
}

#footer .footerWrap h1 span {
    font-weight: 300;
    color:#ababab;

}


#mediaspace {
 margin-left:0px;
}



/* HEADER
================================================ */

#header {
      
	height: 157px;
	width: 100%;
	background-color: #fff;
	z-index: 99;
	position:relative;
        margin-top:20px;
        line-height:23px;
}

#headerwrap {

    height: 100%;
    border-bottom: 1px solid #e0e0e0;
}


a.monogram {

	width: 140px;
	height: 140px;
	background: url(/images/blason.jpg) no-repeat;
	display: block;
	position: absolute;
	left: 0px;

}

a.monogram span { display: none; }


#headerwrap .nav1 {
    font-weight: 700;
    position: absolute;
    left: 185px;

}

#headerwrap .nav2 {
    font-weight: 700;
    position: absolute;
    left: 285px;

}

#headerwrap .nav3 {
	display:none;
}

#headerwrap .nav1 a.active, #headerwrap .nav2 a.active {
	display: block;
        color:#ff0000;
	text-decoration: underline;
}

#headerwrap .nav1 a, #headerwrap .nav2 a, #headerwrap .nav3 a {
	display: block;
	text-decoration: none;
}


#headerwrap .namebadge {

        float: right;
	    width: 165px;
        padding-left:20px;
        border-left: 1px dotted #000;

}

#headerwrap .namebadge h1 {
	margin: 0;
	padding: 0;
	font-weight: 700;
}

body#home #headerwrap .namebadge h1 {
	width: 180px;
	background: none;
}

#headerwrap .namebadge h1 span {
	font-weight: 300;
}