/* BODY STYLE */
body {background: url(../images/bg.gif) repeat-x #fff; color:#444444;}

/* BASE LINKS */
a {outline: none;}
a:link {color: #2c6798; text-decoration: none;}
a:visited { color: #0d1f2e;}
a:hover {color: #0d1f2e; text-decoration: underline;}
a:active {color: #028ed2; text-decoration: none;}

/* GLOBAL */
img {border: 0;}
* {padding:0; margin:0;}
li, ul {list-style-type: none;}

/* CONTAINER */
div#container { margin:0 auto; width: 950px;}

/* CONTENT */
div#content { clear: both; padding:0 0 0.2em 0;}
div#content.innerPage {padding-top: 10px; }

/* LOGO */
h1.logo {padding: 0; margin: 0; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; height: 101px;}
h1.logo a {display: block; height: 101px; width: 291px; }

/* TOP MENU */
ul.topmenu {float: right; font-size: 0.7em; margin: -55px 0 0 0; padding: 0;}
ul.topmenu li {display: inline; padding:0 1em; border-right: solid 1px #e3e3e3;}
ul.topmenu li.last {padding-right: 0; border-right: none;}

/* NAVIGATION */
ul.mainmenu {clear: both; font-size: 0.8em; color: #fff; margin: 0 ; padding: 0;}
ul.mainmenu li {float: left; text-indent: -9999px;}
ul.mainmenu li.nouvelles {padding-right: 0; border-right: none;}
ul.mainmenu a {color: #fff; display: block; height: 29px;}

ul.mainmenu li.produits {background: url(../images/b_productsavailability.gif) no-repeat;width: 196px;}
ul.mainmenu li.residentiel {background: url(../images/b_solutionsresidentielles.gif) no-repeat; width: 192px;}
ul.mainmenu li.commercial {background: url(../images/b_solutionscommerciales.gif) no-repeat;width: 197px;}
ul.mainmenu li.apropos {background: url(../images/b_apropos.gif) no-repeat;width: 193px;}
ul.mainmenu li.nouvelles {background: url(../images/b_nouvellesetmedias.gif) no-repeat;width: 172px;}

ul.mainmenu li.produits a:hover {background: url(../images/b_productsavailability-over.gif) no-repeat;}
ul.mainmenu li.residentiel a:hover {background: url(../images/b_solutionsresidentielles-over.gif) no-repeat;}
ul.mainmenu li.commercial a:hover {background: url(../images/b_solutionscommerciales-over.gif) no-repeat;}
ul.mainmenu li.apropos a:hover {background: url(../images/b_apropos-over.gif) no-repeat;}
ul.mainmenu li.nouvelles a:hover {background: url(../images/b_nouvellesetmedias-over.gif) no-repeat;}

/* INDEX */

div#introContent {clear: both; background: url(../images/bg_introContent.gif) no-repeat; height: 264px; padding: 0 25px;}
div#introContent h2 {font-weight: bold; color: #74b90b; padding-top: 20px;}
div#introContent p {width: 520px; font-size: 0.9em; line-height: 1.3em;}

div#optionContent {clear: both;height: 218px;}
.box {float: left; width: 175px; height: 208px; padding-left: 120px; padding-right: 15px;}
.box h2 {color: #fff; padding: 20px 0 0 0; line-height: 0.9em;}
.box h3 {color: #224003; padding: 5px 0; font-size: 0.8em;}
.box div#box.nouvelles h3 {color: #012c41;}
.box p {color: #fff; font-size: 0.7em; line-height: 1.3em;}
.box a {text-decoration: none;}
.box a:hover {text-decoration: none;}
.link {color: #224003; font-weight: bold;}

div#box-residentiel {background: url(../images/box_residentiel.jpg) no-repeat; margin-right: 10px;}
div#box-commercial {background: url(../images/box_commercial.jpg) no-repeat; margin-right: 10px;}
div#box-nouvelles {background: url(../images/box_nouvelles.jpg) no-repeat;}
div#box-nouvelles h3 {color: #01334c; }
div#box-nouvelles h2 {font-size: 1.4em; line-height: 1.1em; }
div#box-nouvelles .link {color: #01334c; font-weight: bold;}

/* SideMenu */
div#sideMenu {float:left; width: 285px; margin-right: 35px; }
div#sideMenu ul {padding: 0; margin: 0; }
div#sideMenu li.main {font-weight: bold; font-size:  1.1em; }
div#sideMenu li.main a{color: #74b90b; text-decoration: none; padding-left: 8px; background: none; }
div#sideMenu li.main a:hover{color: #74b90b; text-decoration: none; padding-left: 8px; background: none; }
div#sideMenu li {border-bottom: solid 1px #e3e3e3;}
div#sideMenu li a {display: block;line-height: 42px; padding-left:25px; background: url(../images/bullet_sidemenu.gif) no-repeat; }
div#sideMenu li a:hover {background: url(../images/bullet_sidemenu.gif) no-repeat #f6f9fb; }
div#sideMenu li.on {background: url(../images/bullet_sidemenu.gif) no-repeat #f6f9fb; }

/* txtContent */
div#txtContent {float: left; width: 630px; padding-bottom: 2em; }
div#txtContent h1 {color: #74b90b; padding: 1em 0 0.5em 0; font-size: 1.4em; font-weight: bold;}
div#txtContent h2 {color: #028ed2; padding: 0 0 1em 0; font-size: 1.8em; font-weight: bold; }
div#txtContent h3 {color: #444444; padding: 0.5em 0 1em 0; font-size: 1.3em; font-weight: bold;  }
div#txtContent h4 {color: #444444; padding: 0.2em 0 0.5em 0; font-size: 1.1em; font-weight: bold;  }
p.question {font-weight: bold; font-size: 1.2em; padding-top: 1em; color:#028ed2; }
p.small {font-size: 0.7em; color: #808080; }
ul.list li {list-style-type: square; margin: 0.5em 0;}

/* FOOTER */

div#footer { clear: both; font-size: 0.7em; border-top: solid 1px #e3e3e3; padding: 1.5em 0; background: url(../images/logo_footer.gif) no-repeat right top;}
div#footer ul {margin: 1em 0; padding: 0; width:  725px; line-height:  1.2em;}
div#footer li {display: inline; padding: 0 0.4em; border-right: solid 1px #e3e3e3;}
div#footer li.first {padding-left: 0;}
div#footer li.last {padding-right: 0; border-right: none;}