/* Reset des balises pour firefox et IE */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}


/*************** BALISES ***************/
html {height: 100%; padding: 0; margin: 0;}

body {width: 100%; background: url(images/background.jpg) no-repeat center top #1b1a19;	font-family: Trebuchet MS, Sans-Serif; color: #ffffff; font-size: 12px;	line-height: 1.9em;	padding: 0;	margin: 0; height: 100%;	
}


h1 {font-size: 15px; font-weight: bold;	color: #ff8a00;	margin-right: 20px;	letter-spacing: -0.03em;}
h2 {font-size: 14px; font-weight: bold;	color: #9b968a;	margin: 10px 0 0 0;}
h3 {font-size: 12px; color: #fff; margin right: 20px;}

a {color:#ffffff; text-decoration: none; font-weight: bold;}

a:hover {color:#ff8a00;	text-decoration: underline;	font-weight: bold;}


/*************** TEMPLATE ***************/

.conteneur {width: 990px; margin: 0 auto; height: 100%;}

.left {float: left;	width: 340px; margin: 240px 0 0 42px;}

.right_home {background-image: url(images/bg_work.png);	width: 560px; float: right;	min-height: 100%;}

.right {width: 500px; float: left; margin: 170px 0 0 36px;}

.right ul {margin-left: 32px;}

.image_work {width: 950px; position: relative; top: 15px;}


/* le carousel */
.monCarousel {width: 463px; position: relative; float: left; margin: 50px 0 0 60px;}

.btnPrev {background: url(images/btn_carousel_up.png) no-repeat top left; width: 25px; height: 80px; margin-left: 14px;	position: absolute;	top: 395px;}

.btnNext {background: url(images/btn_carousel_down.png) no-repeat top left;	width: 25px; height: 80px; margin-left: 14px; position: absolute; top: 480px;}
/* fin carousel */


/*  survol image */
.boxgrid {width: 463px; height: 200px; margin: 10px 10px 0 0; float: left; background: #161613; overflow: hidden; position: relative; }

.boxgrid img {position: absolute; top: 0; left: 0; border: 0; }

.boxgrid p {padding: 8px 10px; color: #ffffff; font: 12px Trebuchet MS, Sans-Serif;	line-height: 14px; }
				
.boxgrid a {font: 13px Trebuchet MS, Sans-Serif; font-weight: bold;}

.boxcaption {float: left; position: absolute; background: #000; height: 48px; width: 100%; opacity: .8; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
 
.captionfull .boxcaption {bottom: -48px; left: 0;}
 
.caption .boxcaption {top: -48px; left: 0;}
/* fin effet survol image */


#menu {list-style: none; clear: both; float: right;	margin: 50px 0 0 15px;}

#menu li{float: left;}

#menu li a{height: 36px; float: left; text-decoration: none; text-indent: -900em; }

#menu #nav-home a{width: 245px;	background: url(images/home.png) no-repeat left top;}

#menu #nav-home a:hover{background: url(images/home.png) no-repeat left bottom;}

#nav-home-over {background: url(images/home_over.png) no-repeat left top; width: 245px;	height: 36px;}

#menu #nav-infos a{width: 245px; background: url(images/infos.png) no-repeat left top;}

#menu #nav-infos a:hover{background: url(images/infos.png) no-repeat left bottom;}

#nav-infos-over {background: url(images/infos_over.png) no-repeat left top;	width: 245px; height: 36px;}

#menu #nav-contact a{width: 245px; background: url(images/contact.png) no-repeat left top;}

#menu #nav-contact a:hover{background: url(images/contact.png) no-repeat left bottom;}

#nav-contact-over {background: url(images/contact_over.png) no-repeat left top;	width: 245px; height: 36px;}

.blog {margin: 190px 0 0 35px;}

.blog a {text-decoration: none;}

.blog a:hover {text-decoration: none;}

.follow {font-size: 12px; font-weight: bold; color: #fff; margin-top: 40px;}

.follow ul {margin: 2px 0 0 29px;}

.follow ul li {list-style: none; display: inline;}

.footer {margin-top: 10px; color: #525252; font-size: 11px;	text-align: center;}