@charset "utf-8";
/*-----------------------------------------------------------------------------

Splash Style Sheet (www.cira.com)



version:   1.0

author:    samuel paquet paré

email:     paquet@infivia.com

website:   www.gotoast.ca

*/



img{
margin:0;
padding:0;
border:0;
}

body{
font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
margin:0;
padding:0;
}

#containerMain{
width:915px;
margin:0 auto;
}

#containerHeader{
width:915px;
margin-top:15px;
}

#containerHeader #headerTopLine{
width:915px;
height:8px;
background-color:#000000;
}

#containerHeader #containerLogo{
width:359px;
margin:0 auto;
margin-top:21px;
}

#containerHeader #containerTextBoxHomeTop{
width:915px;
margin-top:23px;
}

#containerHeader #containerTextBoxHomeTop h3{
margin:0;
padding:0;
}

#containerHeader #containerTextBoxHomeTop #textBoxHomeTopLeft{
width:450px;
float:left;
margin-top:18px;
}

#containerHeader #containerTextBoxHomeTop #textBoxHomeTopRight{
width:450px;
float:left;
margin-top:18px;
margin-left:15px;
}

#containerHeader #containerMainMenu{
width:915px;
position:relative;
height:57px;
background-image:url(../img/main-menu.png);
margin-top:17px;
}

#containerHeader #containerMainMenu #mainMenu{
width:915px;
height:45px;
bottom:6px;
position:absolute;
}

#containerMainMenu #mainMenu a span{position:absolute; left:-9000px;}

#containerMainMenu #mainMenu ul{
	margin:0;
	padding:0;
}

#containerMainMenu #mainMenu ul li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#containerMainMenu #mainMenu a
{
background-repeat: no-repeat;
display: block;
height: 45px;
display: block;
position: absolute;
}

#containerMainMenu #mainMenu #btPresentation
{
width: 221px;
background-image: url(../img/bt-mpresentation.gif);
left:4px;
}

#containerMainMenu #mainMenu #btPortfolio
{
width: 158px;
background-image: url(../img/bt-mportfolio.gif);
left:214px;
}

#containerMainMenu #mainMenu #btStudio
{
width: 124px;
background-image: url(../img/bt-mstudio.gif);
left:362px;
}

#containerMainMenu #mainMenu #btBlog
{
width: 90px;
background-image: url(../img/bt-mblog.gif);
left:476px;
}

#containerMainMenu #mainMenu #btContact
{
width: 144px;
background-image: url(../img/bt-mcontact.gif);
left:556px;
}


#containerMainMenu #mainMenu a:hover
{
background-position:left bottom;
}


#containerContent
{
width:915px;
margin-top:9px;
}

#containerContent a{
color:#000000;
text-decoration:underline;
}

#containerContent a:hover{
color:#000000;
text-decoration:none;

}

#containerContent .imageLink {
background-color:#FFFFFF;
}

#containerContent h2
{
margin:0;
padding:0;
}

#containerContent h2.bigTitle
{
padding-top:22px;
padding-left:15px;
}

#containerContent h2.bigTitle_2
{
padding-left:16px;
}

#containerContent #contentLeft
{
width:225px;
float:left;
}

#containerContent #contentLeft .containerBoxLeft
{
width:217px;
}

#containerContent #contentLeft .containerBoxLeft .containerBoxLeftHeader
{
width:217px;
height:60px;
background-image: url(../img/header-left-general.gif);
}

#containerContent #contentLeft .containerBoxLeft .containerContentBoxLeft
{
width:217px;
}

#containerContent #contentLeft .containerBoxLeft .containerContentBoxLeft p
{
margin-top:15px;
margin-bottom:20px;
}

#containerContent #contentLeft .containerBoxLeft .containerContentBoxLeft ul
{
list-style:none;
margin-top:16px;
margin-left:0;
margin-bottom:15px;
padding:0;
}

#containerContent #contentLeft .containerBoxLeft .containerContentBoxLeft li
{
margin-top:4px;
margin-left:0;
padding:0;
list-style:none;
}

#containerContent #contentLeft .containerBoxLeft .containerContentBoxLeft .bigLine{
width:100%;
height:8px;
background-color:#000000;
margin-top:33px;
margin-bottom:16px;
}

#containerContent #contentLeft .containerBoxLeft .containerContentBoxLeft .bigLine{
width:100%;
height:8px;
background-color:#000000;
margin-top:33px;
margin-bottom:16px;
}


#containerContent #contentRight
{
width:682px;
padding-left:7px;
float:left;
border-left-style:solid;
border-left-color:#000000;
border-left-width:1px;

}

#containerContent #contentRight .containerBoxRight
{
width:682px;
margin-top:0px;
}

#containerContent #contentRight .containerBoxRight p
{
margin-top:15px;
margin-bottom:15px;
}

#containerContent #contentRight .containerBoxRight .containerBoxRightHeader
{
width:682px;
height:60px;
background-image: url(../img/header-right-general.gif);
}

#containerContent #contentRight .containerBoxRight .containerBoxRightHeader_2
{
width:682px;
height:87px;
background-image: url(../img/header-right-general_2.gif);
}

#containerContent #contentRight .containerBoxRight .containerBoxRightHeader_3
{
width:682px;
height:114px;
background-image: url(../img/header-right-general_3.gif);
}



.bigLine
{
width:100%;
height:8px;
background-color:#000000;
}

.line{
width:100%;
height:1px;
background-image:url(../img/line.gif);
background-repeat:repeat-x;
}

/*--------Présentation --------*/

#containerContent #contentRight #containerBoxRightYellow
{
background-color:#ffff00;
}

#containerContent #contentRight #containerBoxRightYellow .containerBoxRightHeaderYellow
{
width:682px;
height:87px;
background-image: url(../img/header-right-general-y.gif);
}

#containerContent #contentRight .contentPresentationHeaderLeft
{
width:333px;
float:left;
}

#containerContent #contentRight .contentPresentationHeaderRight
{
width:333px;
float:left;
margin-left:16px;
}

#containerContent #contentRight .contentPresentationLeft
{
float:left;
width:318px;
padding-left:15px;
}

#containerContent #contentRight .contentPresentationRight
{
float:left;
margin-left:14px;
width:318px;
padding-left:15px;
}





/*--------Home --------*/

#containerContent #contentRight #containerWorkHome
{
/*width:682px;
height:245px;*/
}

#containerContent #contentRight #containerWorkHome #contentWorkHome
{
margin-top:0px;
}

#containerContent #contentLeft #containerWorkHome .work
{
margin-left:0px;
margin-right:0px;
}


#containerContent #contentRight .containerBoxRight .containerBoxRightHeader #contentTwitterHeaderLeft
{
width:333px;
float:left;
}

#containerContent #contentRight .containerBoxRight .containerBoxRightHeader #contentTwitterHeaderRight
{
width:30px;
float:right;
margin-top:18px;
}

#containerContent #contentRight .containerBoxRight .containerContentBoxRight .contentTwitterLeft
{
width:333px;
float:left;
}


#containerContent #contentRight .containerBoxRight .containerContentBoxRight .contentTwitterRight
{
width:333px;
float:left;
margin-left:14px;
}

#containerContent #contentLeft .containerBoxLeft .containerBoxLeftHeaderEquipe
{
width:217px;
height:87px;
background-image: url(../img/header-equipe-ecrit.gif);
margin-top:15px;
}

#containerContent #contentRight .containerBoxRight #contentBlogHeaderLeft
{
width:130px;
float:left;
}

#containerContent #contentRight .containerBoxRight #contentBlogHeaderRight
{
width:101px;
float:left;
margin-left:435px;
padding-top:18px;
}

#containerContent #contentRight .containerBoxRight #containerBlogNav
{
width:682px;
}

#containerContent #contentRight .containerBoxRight #containerBlogNav a
{
color:#FFFFFF;
text-decoration:none;
}

#containerContent #contentRight .containerBoxRight #containerBlogNav a:hover
{
color:#ffff00;
text-decoration:none;
}


#containerContent #contentRight .containerBoxRight #containerBlogNav ul
{
margin-top:10px;
margin-bottom:12px;
margin-left:0;
padding:0;
list-style:none;
}

#containerContent #contentRight .containerBoxRight #containerBlogNav ul li
{
float:right;
list-style:none;
margin-left:17px;
background-color:#000000;
padding:4px;
margin-bottom:0;
}

#containerContent #contentRight .containerBoxRight #contentBlogLeft
{
float:left;
width:333px;
margin-top:15px;
}

#containerContent #contentRight .containerBoxRight #contentBlogLeft #englishContent
{
display:none;
}

#containerContent #contentRight .containerBoxRight #contentBlogLeft #rssAdvisory
{
display:none;
}

#containerContent #contentRight .containerBoxRight #contentBlogRight
{
float:left;
margin-left:14px;
width:333px;
margin-top:15px;
}

#containerContent #contentRight .containerBoxRight #contentBlogVisual
{
margin-top:20px;
float:left;
}

/* Portfolio */

#containerMain #containerContent #containerHeaderPortfolio
{
width:915px;
height:60px;
background-image: url(../img/header-portfolio.gif);
}

#containerContent #containerPortfolioNav
{
width:915px;
}



#containerContent  #containerPortfolioNav ul
{
margin-top:10px;
margin-bottom:12px;
margin-left:0;
padding:0;
list-style:none;
}

#containerContent #containerPortfolioNav ul li
{
float:right;
list-style:none;
margin-right:0px;
background-color:#000000;
padding:4px;
margin-bottom:0;
}

#containerContent #containerPortfolioNav ul li.all
{
float:left;
list-style:none;
margin-right:17px;
background-color:#ffff00;
padding:4px;
margin-bottom:0;
}

#containerContent #containerPortfolioNav a
{
color:#FFFFFF;
text-decoration:none;
}

#containerContent #containerPortfolioNav a:hover
{
color:#ffff00;
text-decoration:none;
}

#containerContent #containerPortfolioNav .all a
{
color:#000000;
text-decoration:none;
}


#containerContent .work
{
position:relative;
width:217px;
height:170px;
float:left;
margin-top:15px;
margin-left:10px;
color:#ffff00;
font-size:10px;
}

#containerContent div.hovered {
cursor:pointer;
background:#000000;
}

#containerContent .work .workInfo
{
position:absolute;
width:217px;
height:30px;
margin-top:116px;
background-color:#000000;
}

#containerContent .work .workInfo .info
{
margin-top:3px;
margin-left:9px;
}

#containerContent .work .workInfo .info a
{
color:#ffff00;
text-decoration:none;
}

#containerContent .work .workInfo .webSite
{
margin-left:35px;
}

#containerContent .work .workInfo .infoLine
{
width:197px;;
height:1px;
margin-left:9px;
margin-top:7px;
background-color:#ffff00;

}

#containerContent .work .workTitle
{
position:absolute;
margin-top:146px;
width:217px;
height:24px;
background-color:#000000;
}

#containerContent .work .workTitle a
{
color:#FFFFFF;
text-decoration:none;
}

#containerContent .work .workTitle a:hover
{
color:#ffff00;
text-decoration:none;
}

#containerContent .work .workTitle .title
{
margin-top:5px;
margin-left:7px;
}


/* Project */

#containerMain .projectDescription .FR

{
float: left;
width: 370px;
margin-left:15px;
}

#containerMain .projectDescription .FR h2
{
margin-left:0px;
}

#containerMain .projectDescription .EN

{
float: left;
width: 370px;
margin-left:15px;
}

#containerMain .projectDescription .EN h2
{
margin-left:0px;
}


#containerMain .portfolioPic

{
float: right;
margin-left:10px;
margin-top:10px;
}

#containerMain .portfolioVideo

{
float: right;
margin-left:10px;
margin-top:10px;
}


/* Footer */

#containerMain #containerFooter

{
width: 915px;
margin-left:324px;
margin-bottom:77px;
}



#containerMain .footerLine

{
width: 100%;
height:1px;
background-color:#000000;
margin-bottom:5px;
margin-top:31px;
}



#footerList{
color:#000000;
font-weight:normal;
font-size:10px;
margin:0;	
padding:0;
}	



#footerList a {
color:#000000;
text-decoration:none;
}	



#footerList a:hover {
text-decoration:underline;
}		



#footerList li{
float:left;
list-style-type:none;
margin:0;
padding:0;
}



#footerList li a{
margin:0 2px;
}





.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */