@charset "utf-8";
/* CSS RESET START*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1.4; color: black; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* CSS RESET END */

body { padding:0; height: 1000px; font-family:Verdana, Geneva, sans-serif; font-size:13px; }
em { font-family:Verdana, Geneva, sans-serif; font-size:13px; font-style:italic; }
strong { font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; }

.inline_block{display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top;}

.leftborder { background-color:#494949; width:auto; }
.page { background-image:url(../images/background.png);width:950px;  }
.rightborder { background-color:#FFFFFF; width:auto; }
.window { height:100%; width:100%; }
.clear { clear:both; }
.red { color:#F00; }
.right { float:right; }
.small { font-size:9px; }
.small_but_not_too_small { font-size:12px; }
.bold { font-weight:bold; color:#2a3407; }
.list1 { margin:10px; margin-left:30px; line-height:1.5; list-style:circle; }

.logo { margin-left:36px; margin-top:31px; float:left; cursor:pointer; }
.phone { float:right; margin-right:20px; margin-top:85px; }
.menu { float:right; margin-right:22px; margin-top:14px; }
.accueil,.accueil_act,.accueil_hover { background-image: url(../images/menu.png); width:68px; height:14px; margin-right:39px; float:left; background-position:0px 0px; overflow:hidden; cursor:pointer; }
.profil,.profil_act,.profil_hover  { background-image: url(../images/menu.png); width:59px; height:14px; margin-right:41px; float:left; background-position:-68px 0px; overflow:hidden; cursor:pointer; }
.carrieres,.carrieres_act,.carrieres_hover { background-image: url(../images/menu.png); width:84px; height:14px; float:left; background-position:-127px 0px; overflow:hidden; cursor:pointer; }
.accueil_hover { background-position:0px -14px; }
.profil_hover { background-position:-68px -14px; }
.carrieres_hover { background-position:-127px -14px; }
.accueil_act { background-position:0px 14px; }
.profil_act { background-position:-68px 14px; }
.carrieres_act { background-position:-127px 14px; }


.banniere { clear:both; margin-top:25px; background-image:url(../images/banniere.png); overflow:hidden; width:100%; height: 277px; }

.leftmenu { float:left; margin-top:40px; margin-left:45px; overflow:hidden; width:190px; }
.content { float:left; margin-top:36px; margin-left:86px; overflow:hidden; width:416px; text-align:justify; }
.content_large { float:left; margin-top:36px; margin-left:86px; overflow:hidden; width:604px; text-align:justify; }
.pictures { float:left; margin-top:67px; margin-left:23px; overflow:hidden; width:180px; }
.pict { margin-bottom:12px; }

.lefthr { border: none 0; border-top: 1px dashed #a4a4a4; height: 0px; width:100%; }

.commercial,.commercial_hover  { background-image: url(../images/leftmenu.png); width:184px; height:20px; background-position:0px 0px; overflow:hidden; cursor:pointer; margin-bottom:5px; }
.residentiel,.residentiel_hover { background-image: url(../images/leftmenu.png); width:180px; height:20px; background-position:0px -20px; overflow:hidden; cursor:pointer; margin-bottom:9px; margin-top:10px;  }
.rejoindre,.rejoindre_hover { background-image: url(../images/leftmenu.png); width:180px; height:20px; background-position:0px -40px; overflow:hidden; cursor:pointer; margin-bottom:9px; margin-top:10px;  }
.conseils,.conseils_hover  { background-image: url(../images/leftmenu.png); width:180px; height:20px; background-position:0px -59px; overflow:hidden; cursor:pointer; margin-bottom:9px; margin-top:10px;  }
.realisations,.realisations_hover  { background-image: url(../images/leftmenu.png); width:180px; height:20px; background-position:0px -79px; overflow:hidden; cursor:pointer; margin-bottom:9px; margin-top:10px;  }
.soumission,.soumission_hover { background-image: url(../images/leftmenu.png); width:180px; height:20px; background-position:0px -99px; overflow:hidden; cursor:pointer; margin-bottom:9px; margin-top:10px;  }

.commercial_hover { background-position:-190px 0px; }
.residentiel_hover { background-position:-190px -20px;  }
.rejoindre_hover { background-position:-190px -40px;  }
.conseils_hover { background-position:-190px -59px; }
.realisations_hover { background-position:-190px -79px; }
.soumission_hover { background-position:-190px -99px; }


.bottom { float:right; margin-top:46px; margin-right:28px; overflow:hidden; width:180px; background-image:url(../images/credits.png); background-repeat:no-repeat; background-position:right bottom; text-align:left; width:614px; height:70px; margin-bottom:50px; }
.bottomlink, .bottomlink:link, .bottomlink:visited { color:#000; font-weight:bold; text-decoration:none; font-size:12px; margin-left:6px; }
.bottomlink:hover, .bottomlink:active { color:#000; font-weight:bold; text-decoration:underline; }
.yellowhr { border: none 0; height: 2px; background-color:#fbdb93; }
.credits { font-size:11px; margin-left:6px; }

.link1, .link1:link, .link1:visited { color:#333; text-decoration:underline; }
.link1:hover, .link1:active { color:#333; text-decoration:none; }

.link2, .link2:link, .link2:visited { color:#fff; text-decoration:none; }
.link2:hover, .link2:active { color:#fff; text-decoration:underline; }

.form1 { border:0; margin:20px; }
.input_simple { width:195px; margin:5px; padding:5px; }
.input_simple2 { width:80px; margin:5px; padding:5px; }
.input1,.input2,.input3 { background-image:url(../images/background2.png); border: 1px solid #CCC; width:256px; margin:5px; padding:5px; }
.input2 {  width:200px; }
.input3 {  margin-left:10px; width:68px; }
.inputname1,.inputname2,.inputname3 {  width:100px; margin-left:5px; margin-top:8px; }
.inputname2 {  width:112px; }
.inputname3 {  width:165px; }
.textarea1,.textarea2 { width:360px; height:200px; background-image:url(../images/background2.png); border: 1px solid #CCC; margin:5px; padding:5px; }
.textarea2 { width:306px;}

.commercial_menu { color:#FFF; overflow:hidden; }
.hidden { display:none; }


.left_arrow {width:15px; height:67px; background:url(../images/arrow-left.png) no-repeat center; margin-top:10px;}
.right_arrow {width:15px; height:67px; background:url(../images/arrow-right.png) no-repeat center; margin-top:10px;}
#main_image {width:600px; height:400px; border:1px solid #CCC; background:url(../images/loading.gif) no-repeat center;}
#main_title { width:100%; text-align:center; height:20px; color:#666; font-size:13px; font-style:italic;}
.scrolling_bar { width:570px; overflow:hidden; height:72px; border:1px solid #CCC; margin:0; margin-top:10px; position:relative; }
#thumbslist {position:absolute; white-space:nowrap; }
#thumbslist img { margin:2px; opacity:0; }

.title1{margin:15px 20px 5px; font-weight:bold;}
.table1{margin:2px;width:370px;}
.table1 td {background:#ddd; border:2px solid white; padding:3px; }
.table_title {text-align:center; font-weight:bold; width:360px;}

.pict_list{ text-align:center; }
.pict_list li { text-align:center; color:#666; margin:5px -2px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; }
#pict_list{ overflow:hidden; }
.pict_arrow{ background:#CCC url(../images/arrow2.png) no-repeat 562px 3px; padding:3px; padding-left:10px; width:591px; cursor:pointer; }

.color_list{ text-align:center; }
.color_list li { text-align:center; width:100px; color:#666; margin:5px 20px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:top; }
.color_list img { border:1px solid #000; }
#color_list{ overflow:hidden; }
#color_list p { width:100%; text-align:center; font-size:14px; color:#666; }

.embout_list{ text-align:center; }
.embout_list li { text-align:center; color:#666; margin:5px 30px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align:bottom; }
#embout_list{ overflow:hidden; }
#embout_list p { width:100%; text-align:center; font-size:14px; color:#666; }