body{text-align:center;}
.wrap {width:915px;margin:0 auto;text-align:left;}

/****************
*TAGS
****************/
h3{font-size:1.2em;margin-top:1em;font-weight:bold;color:#db1d03;}
p, h4{margin-bottom:.5em;}
a:link, a:visited {color:#fff;}
dt {font-weight:bold;}
input{border:none;border-width:0;border-color:#fff;}
address {font-style:normal;}

/****************
*HEADER
****************/
.lang {height:2.5em;font-size:0.7em;overflow:hidden;zoom:1;} 
.lang li{float:right;margin-top:1em;margin-left:2px;} 
.lang a:link,.lang a:visited{display:block;height:12px;width:26px;background-image:url('../files/flags.gif');background-repeat:no-repeat;text-indent:-1000px;text-transform:uppercase;text-decoration:none;} 
.lang a.lang_fr{background-position:left bottom;} 
.lang a.lang_en{background-position:right bottom;} 
.lang a:hover,.lang a:active, .lang a.selected{background-color:#fff;color:#000;outline:none;} 
.lang a.lang_fr:hover,.lang a.lang_fr:active, .lang .selected a.lang_fr{background-position:left top;} 
.lang a.lang_en:hover,.lang a.lang_en:active, .lang .selected a.lang_en{background-position:right top;} 

.header {position:relative;height:144px;overflow:hidden;margin-bottom:10px;background:transparent url('../files/header_icons.gif') no-repeat right bottom;}
.header h1 {float:left;width:136px;}

/****************
*LAYOUT
****************/
.body {overflow:hidden;zoom:1;}
.side_content {float:left;width:136px;overflow:hidden;}
.main_content {float:right;width:767px;overflow:hidden;}

/****************
*BODY
****************/
.side_content {text-transform:lowercase;}
/* form */
.side_content form {margin-bottom:10px;padding-bottom:3px;border-bottom:solid 1px #fff;}
.side_content fieldset {background-color:#fff;width:130px;padding:2px 3px;}
.side_content input{width:100px;margin-right:5px;}
.side_content button{width:25px;background-color:transparent;border:none;color:#fff;background-color:#db1d03;font-weight:bold;text-transform:uppercase;cursor:pointer;}
/* menu */
#menu h2, #menu a:link, #menu a:visited {text-decoration:none;outline:none;}
#menu li {padding-bottom:1px;background:transparent url('../files/menu_dot.gif') repeat-x left bottom;}
	#menu h2, #menu .collapsed h2, #menu a:link, #menu a:visited {display:block;padding-bottom:2px;padding-left:1px;margin:3px 0 4px 0;}
	#menu .expanded h2, #menu .selected h2, #menu h2.over {padding-left:17px;background:#db1d03 url('../files/menu_h2.gif') no-repeat left .4em;}
	#menu a:hover,#menu a:active,#menu a.over {background-color:#db1d03;}
#menu ul {margin-top:4px;display:block;}
#menu ul li {padding-bottom:1px;background-image:none;}
#menu ul a:link, #menu ul a:visited{margin:0;padding:0 0 0 23px;background:transparent url('../files/menu_li_a_up.gif') no-repeat 8px .15em;}
#menu .selected ul .selected a:link, #menu .selected ul .selected a:visited, #menu ul a:hover, #menu ul a:active{color:#000;background-color:#fff;background-image:url('../files/menu_li_a_over.gif');}
/* renseignements */
.renseignements{margin-top:15px;}
.renseignements b {display:block;} 
/********
* GALLERY
*********/
.gallery {overflow:hidden;zoom:1;width:525px;}
.articles li, .works li , .medias li {float:left;width:100px;height:100px;overflow:hidden;margin:0px 5px 5px 0;text-align:center;background-color:#fff;cursor:pointer;}
.tooltip {visibility:hidden;display:none;position:absolute;top:0;left:0;z-index:2;background-color:#000;border:solid 5px #000;}
	.tooltip_content {position:relative;background-colot:#000;}
	.tooltip_content img {position:absolute;top:0;left:0;}
	.tooltip_content div {position:absolute;bottom:0;left:0;}
		.tooltip_content div *{margin:.5em 5px;padding:2px;background-image:url('../files/transp_bg.png');color:#fff;}
.nav_page {float: right;margin-top:401px;width:140px;}
.nav_page a, .nav_page span {position:relative;display:block;height:19px;line-height:19px;padding:0 5px;}
.nav_page span {text-align:center;}
.nav_page a:link, .nav_page a:visited{background:#db1d03 url('../files/prev_next.gif') no-repeat left top;text-decoration:none;}
.nav_page a.prev{padding-left:22px;}
.nav_page a.next{padding-right:22px;background-position:right bottom;}
/****************
*PAGES
****************/
/* home */
#home #diaporama {float:left;display:inline;width:550px;height:400px;}
#home .intro{float:right;width:207px;}
#home .intro h3{margin-bottom:1em;text-transform:uppercase;}
#home .intro p{margin-bottom:1em;}

/* MODAL */
#modalOverlay {background-color:#000;position:fixed;}
#modalContainer {
	position:fixed;
	height:530px;
	width:850px;
	left:50%;
	top:50%;
	margin-left:-425px; /* half the width, to center*/
	margin-top:-265px; /* half the width, to center*/
	text-align:left;
	color:#000;
	background-color:#fff;
	border:3px solid #ccc;
}
/* article / work / media */
#article .modalClose {display:none;}
#modal_article #article .modalClose {display:block;}

#modalContainer  #article {overflow:hidden;zoom:1;}
#article .body, #work .body {height:440px;padding-left:460px;}
#article .visu, #work .visu {float:left;display:inline;margin-left:-460px;height:430px;width:460px;overflow:hidden;}
	#work .visu ul, #work .visu  li, #article .visu ul, #article .visu  li{margin:0;overflow:visible;}
	#work .menu_visus li{border:solid 2px #fff;}
	#work .menu_visus .selected{border-color:#DB1D03;}
	#work .menu_visus img{display:block;}
	
#media .body {position:relative;}
#media .body .mediacontent {height:440px;padding:0 1em;overflow:auto;}
#media .body h2 {margin:.5em 0;font-size:1.5em;font-weight:bold;}
#media .tools {position:absolute;top:0;right:16px;}
#media  div.modalClose {position:absolute;bottom:0;top:auto;right:16px;}
	
#article .visu img, #work .visu img{border:solid 10px #fff;}
#article dl ,#article ul, #work dl ,#work ul {margin-top:1em;}
#article .tools , #work .tools  , #media .tools {text-align:right;}
#article .tools a, #article .tools a:link, #article .tools a:hover,
#work .tools a, #work .tools a:link, #work .tools a:hover,
#media .tools a, #media .tools a:link, #media .tools a:hover  {padding:1px 5px;cursor:pointer;color:#fff;background-color:#db1d03;text-decoration:none;}
#article dl,#work dl ,#media dl {margin-left:1em;margin-right:1em;}
#article dt,#work dt ,#media dt {font-weight:bold;}
#article dd ,#work dd ,#media dd {margin-bottom:.5em;}
#article ul , #work ul , #media ul {overflow:hidden;zoom:1;}
#article ul  li, #work ul  li, #media ul  li{float:left;display:inline; margin:0 5px 5px 0;}
#article .bottom	, #work .bottom, #media .bottom{clear:both;margin-top:1em;position:relative;height:75px;padding-left:75px;}
#article h1, #work h1, #media h1{float:left;display:inline;margin-left:-75px;}
#article address, #work address	, #media address	{padding-left:1em;line-height:1.5em;font-size:.9em;}

/* search */
#search ul {margin-top:2em;}
#search li {margin-bottom:1em;padding-left:110px;overflow:hidden;zoom:1;}
#search li .visu{margin-left:-110px;float:left;display:inline;}
/* advices & glossary */
#advices dl, #glossary dl {}
#advices dt, #glossary dt {line-height:2em;padding-left:160px;}
#advices dd, #glossary dd {margin-bottom:2em;padding-left:160px;overflow:hidden;zoom:1;}

#advices li, #glossary li {overflow:hidden;zoom:1;margin-bottom:2em;padding-left:160px;}
#advices li h3, #glossary li h3{margin-bottom:.5em;color:#fff;}
#advices .visu, #glossary .visu{margin-left:-160px;width:145px;float:left;display:inline;text-align:right;}

/* showrooms*/
.showroom img{display:block;}
.showroom {float:left;overflow:hidden;display:inline;width:242px;margin-right:20px;}
.showroom.last {margin-right:0;}
.showroom h3 {margin:0 0 1em 0;}
.showroom p {text-align:justify;}
.showroom img {margin-top:1em;}
/****************
*FOOTER
****************/