body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {

	margin:0;
	padding:0
	}

table {

	border-collapse:collapse;
	border-spacing:0
	}

fieldset,img {

	border:0
	}

ol,ul,li {

	list-style:none
	}

caption,th {

	text-align:left
	}

input {

	background: none;
	border: 0 none
	}



/*  Typo
-----------------------------------------------------------------*/


html,input,select,textarea {

	font-size: 100%;
	font-family: Arial;
	line-height: 16px
	}

html {

	height: 100%
	}

body {

	height: 100%;
	font-family: Arial;
	font-size: 12px;
	color:#2d3234
	}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;
	font-weight:normal
	}

address,caption,cite,dfn,em,strong,th {

	font-style:normal;
	font-weight:normal
	}




/*  Classes
-----------------------------------------------------------------*/


.clear {

	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0 !important;
	overflow: hidden
	}

.last {

	margin-bottom: 0 !important;
	margin-right: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 0 !important;
	border-bottom: 0 !important;
	border-right: 0 !important
	}

.noMargBottom {

	margin-bottom: 0 !important
	}

/*  General
-----------------------------------------------------------------*/


p a{
/*text-decoration:none;*/
color:#2D3234;
}


.sep_30{
height:30px;
display:block;
}
.sep_15{
height:30px;
display:block;
}

h3{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
color:#2d3234;
}


p{
padding-bottom:10px;
}

/*  Structure
-----------------------------------------------------------------*/


body {
color:#2d3234;
background-image:url('../images/bg_header.png');
background-repeat: repeat-x;
background-position:left top;
background-color: #fff;
}

#container {
position : relative;
width:940px;
margin: 0 auto !important;
text-align: left;
position:relative
}



#header{
height:160px;
width:940px;
overflow:hidden;
position:relative


}

#contentHeader{
width:940px;
margin:auto;
}


#logo {
padding-top:20px;
padding-left:0px;
width:200px;
height:80px;
float:left;

}


#menu{
float:right;
padding-top:20px;
}


#footer{
background-color: #0d6791;
height:65px;
z-index:10px;
position:relative

}


#content{
/*
padding-left:130px;
padding-top:10px;
padding-right:20px;*/
padding-bottom:20px;
width:940px;
overflow:hidden;
margin:auto;
psotion:relative;
}

#footerLink{
color:#b7d2de;
padding-top:15px;
width:800px;
text-align:center;
margin:auto;
font-size:11px;
}

#footer a{
color:#b7d2de;
font-size:11px;
text-decoration:none;
}


/*	Titre
-----------------------------------------------------------------*/

.titre{
background-repeat: no-repeat;
background-position:left top;
text-indent:-9000px;
height:45px;
width:200px;

}


.titre_page{
color:#2d3234;
font-size:36px;
height:40px;
padding-top:10px;
}

.titre_portfolio{background-image:url('../images/bg_titre/portfolio.png');}
.titre_philosophie{background-image:url('../images/bg_titre/philosophie.png');}
.titre_references{background-image:url('../images/bg_titre/references.png');}
.titre_equipe{background-image:url('../images/bg_titre/equipe.png');}
.titre_services{background-image:url('../images/bg_titre/services.png');}
.titre_contact{background-image:url('../images/bg_titre/contact.png');}





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


.diapo_portfolio {
width:940px;

}


.diapo{
background-image:url('../images/bg_diapo2.png');
background-repeat: no-repeat;
background-position:-6px top;
height:270px;
width:305px;
margin-right:12px;
float:left;
overflow:hidden;
}

.diapo.end{
margin-right:0px;
}

.diapo img{padding: 3px 4px; height:226px; width:296px}
.diapo span{display:block; padding: 1px 9px; width:290px; margin:auto; text-align:center}



.home_gauche{
width:494px;
float:left;

}

.home_droite{
width:388px;
float:left;
margin-left:54px;

}

.bloc_texte{padding-top:10px;display:block}


.home_portfolio{
margin-bottom:40px;
height:310px;
overflow:hidden;


}


/*  Page
-----------------------------------------------------------------*/


.page_gauche{
padding:0px;
width:494px;
float:left;
border-right:1px solid #8b8e8f;
overflow:hidden;
}


.page_droite{
padding:0px;
width:388px;
float:left;
margin-left:25px;
overflow:hidden;
}


.page_gauche.equipe{width:390px;}
.page_droite.equipe{width:450px;}

.page_gauche.services{width:440px;}
.page_droite.services{width:450px;vertical-align:bottom; }


/*	Portfolio
-----------------------------------------------------------------*/
.portfoliolist{

}


.portfolioElt{
	width:190px;
	padding-right:45px;
	float:left;
	padding-bottom:20px;
	overflow:hidden;
}

.portfolioEltLast{

}


.portfolioEltContent{
	width:192px;
	height:170px;
	background: transparent url(../images/bg_portfolio_site.png) repeat-x scroll -2px top;
	padding: 3px;
}

.portfolioEltImage{
margin:auto;
padding-left:2px;
}

.portfolioEltTexte{
color:#2d3234;
text-align:center
}
.portfolioEltTexte a {
color:#2d3234;
text-decoration:none;
}

.portfolioEltTexte a:hover {
color:#2d3234;
text-decoration:underline;
}











#portfolioSite{

}


.portfolioSiteLeft{
	float:left;
	width:250px;

}

.portfolioSiteRight{
	float:left;
	width:650px;
	padding-left:25px;
}

.portfolioTexte p{
padding-top:10px;
padding-bottom:10px;
}

.folderLink{
	text-decoration:none;
	color:#0d6791;
	font-weight:bold;
	font-size:11px;
	float:right;
	padding-top:100px;
}

.folderLink a{
text-decoration:none;
	color:#0d6791;

	}

.folderLink a:hover{
text-decoration:underline;
}




/*  Menu
-----------------------------------------------------------------*/

/* Main menu */
ul#menu_container { list-style-type: none; overflow: hidden; margin: 0; background:url(../images/bg_main_menu.png) left top no-repeat; position: relative; top: 0; left: 0; width: 466px; height: 125px; }
ul#menu_container li a { text-indent: -5000em; text-decoration: none; padding: 0px 0 0 0; overflow: hidden; background:url(../images/bg_main_menu.png) left top no-repeat; position: absolute; top: 0; height: 112px; }

ul#menu_container li#rub0 a {  background-position: -0px 0px; width:112px; left: 0px; }
ul#menu_container li#rub0 a:hover { background-position: -0px -125px; }
ul#menu_container li#rub0 .selected { background-position: -0px -125px; }

ul#menu_container li#rub1 a { background-position: -118px 0px; width:112px; left: 118px; }
ul#menu_container li#rub1 a:hover { background-position: -118px -125px; }
ul#menu_container li#rub1 .selected { background-position: -118px -125px; }

ul#menu_container li#rub2 a { background-position: -236px 0px; width:112px; left: 236px; }
ul#menu_container li#rub2 a:hover { background-position: -236px -125px; }
ul#menu_container li#rub2 .selected { background-position: -236px -125px; }

ul#menu_container li#rub3 a { background-position: -354px 0px; width:112px; left: 354px; }
ul#menu_container li#rub3 a:hover { background-position: -354px -125px; }
ul#menu_container li#rub3 .selected { background-position: -354px -125px; }



/* Sub menu Services */
ul#sub_menu_services_container { list-style-type: none; overflow: hidden; margin: 0; background:url(../images/bg_sub_menu_services.png) left top no-repeat; position: relative; top: 0; left: 0; width: 561px; height: 50px; }
ul#sub_menu_services_container li a { text-indent: -5000em; text-decoration: none; padding: 0px 0 0 0; overflow: hidden; background:url(../images/bg_sub_menu_services.png) left top no-repeat; position: absolute; top: 0; height: 50px; }


ul#sub_menu_services_container li#rub0 a {  background-position: 0px 0px; width:129px; left: 0px; }
ul#sub_menu_services_container li#rub0 a:hover { background-position: -0px -50px; }
ul#sub_menu_services_container li#rub0 .selected { background-position: -0px -50px; }


ul#sub_menu_services_container li#rub1 a { background-position: -129px 0px; width:157px; left: 129px; }
ul#sub_menu_services_container li#rub1 a:hover { background-position: -129px -50px; }
ul#sub_menu_services_container li#rub1 .selected { background-position: -129px -50px; }

ul#sub_menu_services_container li#rub2 a { background-position: -286px 0px; width:137px; left: 286px; }
ul#sub_menu_services_container li#rub2 a:hover { background-position: -286px -50px; }
ul#sub_menu_services_container li#rub2 .selected { background-position: -286px -50px; }


ul#sub_menu_services_container li#rub3 a { background-position: -423px 0px; width:137px; left: 423px;}
ul#sub_menu_services_container li#rub3 a:hover { background-position: -423px -50px; }
ul#sub_menu_services_container li#rub3 .selected { background-position: -423px -50px; }




/* Sub menu Portfolio */
ul#sub_menu_portfolio_container { list-style-type: none; overflow: hidden; margin: 0; background:url(../images/bg_sub_menu_portfolio.png) left top no-repeat; position: relative; top: 0; left: 0; width: 814px; height: 50px; }
ul#sub_menu_portfolio_container li a { text-indent: -5000em; text-decoration: none; padding: 0px 0 0 0; overflow: hidden; background:url(../images/bg_sub_menu_portfolio.png) left top no-repeat; position: absolute; top: 0; height: 50px; }


ul#sub_menu_portfolio_container li#rub0 a {  background-position: 0px 0px; width:129px; left: 0px; }
ul#sub_menu_portfolio_container li#rub0 a:hover { background-position: -0px -50px; }
ul#sub_menu_portfolio_container li#rub0 .selected { background-position: -0px -50px; }


ul#sub_menu_portfolio_container li#rub1 a { background-position: -129px 0px; width:137px; left: 129px; }
ul#sub_menu_portfolio_container li#rub1 a:hover { background-position: -129px -50px; }
ul#sub_menu_portfolio_container li#rub1 .selected { background-position: -129px -50px; }

ul#sub_menu_portfolio_container li#rub2 a { background-position: -266px 0px; width:137px; left: 266px; }
ul#sub_menu_portfolio_container li#rub2 a:hover { background-position: -266px -50px; }
ul#sub_menu_portfolio_container li#rub2 .selected { background-position: -266px -50px; }


ul#sub_menu_portfolio_container li#rub3 a { background-position: -403px 0px; width:137px; left: 403px;}
ul#sub_menu_portfolio_container li#rub3 a:hover { background-position: -403px -50px; }
ul#sub_menu_portfolio_container li#rub3 .selected { background-position: -403px -50px; }


ul#sub_menu_portfolio_container li#rub4 a { background-position: -540px 0px; width:137px; left: 540px;}
ul#sub_menu_portfolio_container li#rub4 a:hover { background-position: -540px -50px; }
ul#sub_menu_portfolio_container li#rub4 .selected { background-position: -540px -50px; }

ul#sub_menu_portfolio_container li#rub5 a { background-position: -677px 0px; width:137px; left: 677px;}
ul#sub_menu_portfolio_container li#rub5 a:hover { background-position: -677px -50px; }
ul#sub_menu_portfolio_container li#rub5 .selected { background-position: -677px -50px; }