body {text-align:left;font-family:arial, "Times New Roman", Times, serif; background-color:#dbe0e3; font-size:12px; line-height:17px}

*{padding:0;margin:0;}
a { outline:none; font-weight:normal; color:#383a3a}
img { border:none}
.bolditalic { font-style:italic; font-weight:bold}
#container { width:960px; margin:0 auto; color:#383a3a; text-align:center; position:relative;}
#sbrstudio { background:url(../images/sbrstudio.png) no-repeat; width:960px; height:121px; text-indent:-9999px; margin:120px 0 20px 0; float:left;}
#about { font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; line-height:29px; margin-bottom:40px}
.marginright { margin-right:30px}
.portfolio { width:676px; margin:0 auto;}
.box {width:323px; height:322px; float:left; margin-bottom:30px; z-index:2}





















.title_portfolio { background:url(../images/title_portfolio.png) no-repeat; width:960px; height:23px; text-indent:-9999px; float:left; margin:30px 0 13px 0}
.titre_portfolio { background:url(../images/titre_portfolio.png) no-repeat; width:960px; height:23px; text-indent:-9999px; float:left; margin:30px 0 13px 0}
.title_contact { background:url(../images/title_contact.png) no-repeat; width:960px; height:23px; text-indent:-9999px; float:left; margin:30px 0 13px 0}
.titre_contact { background:url(../images/titre_contact.png) no-repeat; width:960px; height:23px; text-indent:-9999px; float:left; margin:30px 0 13px 0}

h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; margin:10px 0 10px 0}


	
#contact { width:960px; float:left; height:400px; text-align:left; color:#fff}
#contact p { margin:0 0 20px 0}
#contact a:link, #contact a:visited, #contact a:active { color:#fff; text-decoration:none; font-weight:normal}
#contact a:hover  { text-decoration:underline}
	.inner_left { width:600px; margin:15px 40px 0 0; float:left;}
	.inner_right { width:320px; margin:15px 0 0 0; float:left;}
	.details { margin:0 0 40px 0}
	
table { width:600px}
.cell { width:500px; height:25px; border:1px solid #fff}
.message { width:500px; height:100px; border:1px solid #fff}

.little { font-size:12px}

#menu {background-color:#306; margin:0 0 0 415px}
li { display:inline; list-style:none}



a.contact {display: block; width: 101px; height: 20px; margin:0 auto; text-decoration: none; background: url("../images/contact.png"); text-indent:-9999px; float:left}
a.contact:hover {background-position: 0px -20px;}

a.fr {display: block; width: 131px; height: 31px; margin:0 auto; text-decoration: none; background: url("../images/fr.png"); text-indent:-9999px}
a.fr:hover {background-position: 0px -31px;}

a.en {display: block; width: 131px; height: 31px; margin:0 auto; text-decoration: none; background: url("../images/en.png"); text-indent:-9999px}
a.en:hover {background-position: 0px -31px;}

.latest_img{background-color:#000;}