/* ////////////////////////////////////////////////////////////////////////// */
/*                                                                            */
/*                  General CSS for http://www.cote-maison.be                 */
/*                                                                            */
/*                                  by Ax6                                    */
/*                                                                            */
/*                          Contact : info@ax6.be                             */
/*                                                                            */
/* ////////////////////////////////////////////////////////////////////////// */

body {

background: #342622;
font: normal 75% geneva, tahoma, arial, sans-serif;
}

p {
margin: 10px 10px;
text-align: justify;
}

img {
border: none;
}

hr {
width: 85%;
margin: 0 auto;
}

object {
position: absolute;
margin: -2px 0 0 20px;
}

/* ____________________________________________________________________ Titres */

h1, h2, h3, h4, h5, h6 {
text-align: left;
color: #313e22;
}

h4,h5,h6 {
text-indent: 15px;
text-decoration: underline;
}

h1 span, h2 span, h3 span, dt span {
visibility: hidden;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  h1 */

h1 {
font-size: 26px;
margin-top: 0;
margin-bottom: 10px;
margin-left: 8px;
}

#h1_home {
height: 40px;
background: url(../img/titres_h1.png) 0 -9px no-repeat;
}

#h1_hs {
height: 50px;
background: url(../img/titres_h1.png) 0 -49px no-repeat;
}

#h1_deco {
height: 50px;
background: url(../img/titres_h1.png) 0 -89px no-repeat;
}

#h1_contact {
height: 50px;
background: url(../img/titres_h1.png) 0 -129px no-repeat;
}

#h1_dao{
height: 50px;
background: url(../img/titres_h1.png) 0 -169px no-repeat;
}

#h1_works{
height: 50px;
background: url(../img/titres_h1.png) 0 -209px no-repeat;
}

#h1_works_1{
height: 50px;
background: url(../img/sprite_works.png) 0 -9px no-repeat;
}

#h1_works_2{
height: 50px;
background: url(../img/sprite_works.png) 0 -49px no-repeat;
}

#h1_works_3{
height: 50px;
background: url(../img/sprite_works.png) 0 -89px no-repeat;
}

#h1_works_4{
height: 50px;
background: url(../img/sprite_works.png) 0 -129px no-repeat;
}

#h1_liens{
height: 50px;
background: url(../img/titres_h1.png) 0 -249px no-repeat;
}

#h1_ml{
height: 50px;
background: url(../img/titres_h1.png) 0 -289px no-repeat;
}

#h1_admin {
height: 50px;
background: url(../img/sprite_admin.png) 0 -9px no-repeat;
}

#h1_admin_news {
height: 50px;
background: url(../img/sprite_admin.png) 0 -49px no-repeat;
}

#h1_admin_infos {
height: 50px;
background: url(../img/sprite_admin.png) 0 -89px no-repeat;
}

#h1_admin_galeries {
height: 50px;
background: url(../img/sprite_admin.png) 0 -129px no-repeat;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  h2 */

h2 {
font-size: 24px;
text-indent: 25px;
text-decoration: none;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 8px;

}

#h2_lastWorks {
height: 30px;
background: url(../img/titres_h2.png) 0 -7px no-repeat;
margin-left: 0;
}

#h2_actu {
height: 30px;
background: url(../img/titres_h2.png) 0 -37px no-repeat;
margin-left: 0;
}

#h2_quid {
height: 30px;
background: url(../img/titres_h2.png) 0 -67px no-repeat;
margin-left: 0;
}

#h2_hs_ou {
height: 30px;
background: url(../img/titres_h2.png) 0 -97px no-repeat;
}

#h2_hs_principe {
height: 30px;
background: url(../img/titres_h2.png) 0 -127px no-repeat;
}

#h2_hs_pq {
height: 30px;
background: url(../img/titres_h2.png) 0 -157px no-repeat;
}

#h2_hs_qui {
height: 30px;
background: url(../img/titres_h2.png) 0 -187px no-repeat;
}

#h2_hs_formules {
height: 30px;
background: url(../img/titres_h2.png) 0 -217px no-repeat;
}

#h2_deco_formules {
height: 30px;
background: url(../img/titres_h2.png) 0 -247px no-repeat;
margin-left:240px;
}

#h2_ml_collecte {
height: 30px;
background: url(../img/titres_h2.png) 0 -277px no-repeat;
}

#h2_ml_utilisation {
height: 30px;
background: url(../img/titres_h2.png) 0 -307px no-repeat;
}

#h2_ml_cookies {
height: 30px;
background: url(../img/titres_h2.png) 0 -337px no-repeat;
}

#h2_ml_controle {
height: 30px;
background: url(../img/titres_h2.png) 0 -367px no-repeat;
}

#h2_ml_regard {
height: 30px;
background: url(../img/titres_h2.png) 0 -397px no-repeat;
}

#h2_ml_copyright {
height: 30px;
background: url(../img/titres_h2.png) 0 -427px no-repeat;
}

#h2_liens_amis {
height: 30px;
background: url(../img/titres_h2.png) 0 -457px no-repeat;
}

#h2_liens_partenaires {
height: 30px;
background: url(../img/titres_h2.png) 0 -487px no-repeat;
}

#h2_liens_speek {
height: 30px;
background: url(../img/titres_h2.png) 0 -517px no-repeat;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  h3 */

h3 {
font-size: 20px;
text-indent: 25px;
margin-left: 8px;
margin-bottom: 10px;
}

#h3_hs_comment {
height: 25px;
background: url(../img/titres_h3.png) 0 -6px no-repeat;
}

#h3_deco_conseils {
height: 25px;
background: url(../img/titres_h3.png) 0 -30px no-repeat;
margin-left:240px;
}

#h3_deco_reorganisation {
height: 25px;
background: url(../img/titres_h3.png) 0 -60px no-repeat;
margin-left:240px;
}

#h3_deco_renouveau {
height: 25px;
background: url(../img/titres_h3.png) 0 -80px no-repeat;
margin-left:240px;
}

#h3_deco_shopping {
height: 25px;
background: url(../img/titres_h3.png) 0 -110px no-repeat;
margin-left:240px;
}

#h3_hs_analyse {
height: 25px;
background: url(../img/titres_h3.png) 0 -132px no-repeat;
font-size: 20px;
text-indent: 25px;
margin-left: 28px;
margin-bottom: 10px;
margin-top: 15px;
}

#h3_hs_coeur {
height: 25px;
background: url(../img/titres_h3.png) 0 -157px no-repeat;
font-size: 20px;
text-indent: 25px;
margin-left: 28px;
margin-bottom: 10px;
margin-top: 15px;
}

#h3_hs_jour {
height: 25px;
background: url(../img/titres_h3.png) 0 -182px no-repeat;
font-size: 20px;
text-indent: 25px;
margin-left: 28px;
margin-bottom: 10px;
margin-top: 15px;
}

#h3_hs_eclat {
height: 25px;
background: url(../img/titres_h3.png) 0 -207px no-repeat;
font-size: 20px;
text-indent: 25px;
margin-left: 28px;
margin-bottom: 10px;
margin-top: 15px;
}

h4 {
font-size: 18px;
}

h5 {
font-size: 16px;
}

h6 {
font-size: 14px;
}

/* ____________________________________________________________________ Listes */

ol, ul
{
padding: 0 0 0 0;
margin: 0 0 0 40px;
}

li {
line-height: 17px;
}

dl {
}

dt {
font-weight: bold;
margin: 5px 10px 5px 10px;
}

#lastWorks
{
color: #8b9ea8;
margin: 0 0 0 20px;
}

#lastWorks li {
line-height: 25px;
}

.mentions {
list-style-type: none;
}

/* _____________________________________________________________________ Liens */

.div_icones_photos a:link
{
color: #262323;
font-weight: bold;
text-decoration: none;
}

.div_icones_photos a:visited
{
color: #262323;
font-weight: bold;
text-decoration: none;
}

.div_icones_photos a:hover
{
color: #262323;
text-decoration: none;
}

.div_icones_photos a:active
{
text-decoration: none;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Liens body factice */

#body a:link {
color: #8b9ea8;
font-weight: bold;
}

#body a:visited {
color: #8b9ea8;
}

#body a:hover {
color: #91a759;
}

#body a:active {
color: #8b9ea8;
}

/* _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _  Liens footer */

#footer a:link {
color: #91a759;
}

#footer a:visited {
color: #8b9ea8;
}

#footer a:hover {
color: #8b9ea8;
}

#footer a:active {
color: #8b9ea8;
}

/* _______________________________________________________________ Menu images */

#menu {
height: 44px;
margin: 10px 0 10px -40px;
position: relative;
background: transparent;
}

#menu ul {
margin-top: -4px;
padding: 0 0 15px 5px;
line-height: 1.5em;
font-size: 10px;
}

#menu li {
display: block;
list-style-type: none;
text-indent: 5px;
margin-right: 10px;
height: 44px;
float: left;
}

#menu li:hover {
cursor: pointer;
}

#menu span {
visibility: hidden;
}

#menu #menu1 {
background: url(../img/design/spriteMenu.gif) 0 0 no-repeat;
width: 132px;
}

#menu #menu1:hover {
background: url(../img/design/spriteMenu.gif) 0 -44px no-repeat;
}

#menu #menu2 {
background: url(../img/design/spriteMenu.gif) 0 -88px no-repeat;
width: 98px;
}

#menu #menu2:hover {
background: url(../img/design/spriteMenu.gif) 0 -132px no-repeat;
}

#menu #menu3 {
background: url(../img/design/spriteMenu.gif) 0 -176px no-repeat;
width: 110px;
}

#menu #menu3:hover {
background: url(../img/design/spriteMenu.gif) 0 -220px no-repeat;
}

#menu #menu4 {
background: url(../img/design/spriteMenu.gif) 0 -264px no-repeat;
width: 114px;
}

#menu #menu4:hover {
background: url(../img/design/spriteMenu.gif) 0 -308px no-repeat;
}

#menu #menu5 {
background: url(../img/design/spriteMenu.gif) 0 -352px no-repeat;
width: 64px;
}

#menu #menu5:hover {
background: url(../img/design/spriteMenu.gif) 0 -396px no-repeat;
}

#menu #menu6 {
background: url(../img/design/spriteMenu.gif) 0 -440px no-repeat;
width: 79px;
}

#menu #menu6:hover {
background: url(../img/design/spriteMenu.gif) 0 -484px no-repeat;
}

/* ________________________________________________________________ Containers */

#bac {
width: 960px;
margin: 0 auto;
}

#header {
margin: 0 auto;
}

#logo {
border: none;
margin: 20px 0 10px -10px;
}

.headerImg {
width: 110px;
height: 110px;
float: right;
margin: 70px 0 0 25px;
border: 1px solid #91a759;
}

#body {
min-height: 430px;
background: #fff url(../img/bg.gif) bottom left no-repeat;
padding: 10px;
border: 1px solid #91a759;
color: #342622;
}

#bodyLeft {
width: 710px;
height: 400px;
}

#bodyRight {
position: absolute;
margin: 0 0 0 720px;
top: 300px;
width: 215px;
height: 400px;
}

#leftPictures {
float: left;
width: 215px;
margin: 15px 15px 0 10px;
}

#footer {
width: 960px;
color: #91a759;
margin: 15px auto 20px auto;
padding-bottom: 20px;
}

#copyL {
float: left;
}

#copyR {
float: right;
}

#bg {
position: absolute;
background: url(../img/bg2.gif) no-repeat;
width: 194px;
height: 484px;
margin-top: -544px;
margin-left: -194px;
}

.CPicture {
border: 1px solid #91a759;
margin: 0 0 15px 0;
float: left;
}

#feed {
font-size: 90%;
margin: 5px 0 5px 10px;
}

#francoise {
position: absolute;
margin: -60px 0 0 620px;
}

/* ________________________________________________________________ Home */

#homePicture {
border: 1px solid #91a759;
}

#buttonDevis {
width: 261px;
height: 68px;
margin: 15px 0 0 -5px;
background: url(../img/button_devis.gif) no-repeat;
opacity: 0.8;
}

#buttonDevis:hover {
cursor: pointer;
opacity: 1;
}

#subBody {
width: 800px;

}

.subBodysub {
width: 215px;
min-height: 180px;
float: left;
margin: 0 10px 0 0;
padding: 0 5px;
text-align: justify;
}

/* _____________________________________________________________ Réalisations */

#galContainer {
margin: 0 auto;
width: 920px;
}

.galBox {
float: left;
width: 205px;
margin: 5px 10px 25px 12px;
border: 1px solid #5a5151;
padding: 10px 0;
}

.galBox:hover {
border: 1px solid #c3bd91;
cursor: pointer;
}

.galBox h2 {
font-size: 14px;
color: #5a5151;
margin-left: -7px;
}

.galBox h2 + img {
border: 1px solid #5a5151;
margin: 0 0 8px 17px;
}

.galBox span {
display: block;
margin: 0 0 0 110px;
}

#photosBox {
width: 840px;
margin: 20px 0 20px 60px;
}

.photo {
float: left;
margin: 15px 10px 30px 20px;
border: 1px solid #5a5151;
}

.photo:hover {
border: 1px solid #c3bd91;
}

.photo img {
border: 1px solid #5a5151;
}

.photo img:hover {
border: 1px solid #342622;
}

.imgDao {
float: left;
margin: 15px 40px 15px 30px;
border: 1px solid #342622;
}

/* ___________________________________________________________________ Home Staging */

#hsImg {
float: right;
margin: 20px 10px 0 20px;
}

.hsImgI {
border: 1px solid #91a759;
margin: 0 0 5px 0;
}

#hsImg span {
display: block;
font-weight: bold;
text-align: center;
}

/* ___________________________________________________________________ Contact */

#infosBox {
margin: 10px 0 20px 0;
}

#infosBox span {
display: block;
margin: 0 0 5px 0;
font-weight: bold;
text-align: right;
}

#map {
width: 460px;
height: 275px;
border: 1px solid #342622;
}

/* ________________________________________________________________ Formulaire */

form, button {
border: 0;
margin: 0;
padding: 0;
}

.spacer {
clear: both;
height: 1px;
}

.myform {
margin: 25px 15px 15px 0;
width: 450px;
}

#stylized {
}

#stylized h1 {
font-size: 16px;
font-weight: bold;
margin: 0 0 8px 10px;
}

#stylized p {
font-size: 90%;
color: #666666;
margin-bottom: 20px;
border-bottom: solid 1px #525e7b;
padding-bottom: 10px;
}

#stylized label {
display: block;
font-weight: bold;
font-size: 13px;
text-align: right;
width: 160px;
float: left;
color: #434343;
}

#stylized .small {
color: #666666;
display: block;
font-size: 11px;
font-weight: normal;
text-align: right;
width: 160px;
}

#stylized input {
float: left;
font-size: 12px;
padding: 4px 2px;
border: solid 1px #342622;
width: 250px;
margin: 2px 0 20px 10px;
}

#stylized input:focus, #stylized textarea:focus {
border: solid 1px #8b9ea8;
background: #91a759;
color: #fff;
}

#stylized textarea {
float: left;
width: 250px;
padding: 4px 2px;
border: solid 1px #434343;
margin: 2px 0 20px 10px;
font-family: verdana;
font-size: 11px;
}

#stylized button {
clear: both;
margin: 10px 0 0 170px;
width: 125px;
height: 31px;
background: #8b9ea8;
text-align: center;
line-height: 31px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
border: 1px solid #5a5151;
}

#stylized button:hover {
cursor: pointer;
background:  #91a759;
color: #fff;
border: 1px solid #342622;
}

#stylized #captcha {
width: 115px;
}

#stylized #imgCaptcha {
margin: -7px 0 0 5px;
}

#stylized select {
border: 1px solid #342622;
margin: 0 0 0 10px;
}

/* _ _ _ _ _ __ _ _ _ _ _ _ __ _ _ _ __ _ _ __ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ */

.myform2 {
margin: 25px 15px 15px 0;
width: 350px;
}

#stylized2 {

}

#stylized2 h1 {
font-size: 100%;
font-weight: bold;
margin: 0 0 8px 0;
}

#stylized2 p {
font-size: 90%;
color: #666666;
margin-bottom: 20px;
border-bottom: solid 1px #525e7b;
padding-bottom: 10px;
}

#stylized2 label {
display: block;
font-weight: bold;
font-size: 13px;
text-align: right;
width: 120px;
float: left;
color: #434343;
}

#stylized2 .small {
color: #666666;
display: block;
font-size: 11px;
font-weight: normal;
text-align: right;
width: 120px;
}

#stylized2 input {
float: left;
font-size: 12px;
padding: 4px 2px;
border: solid 1px #342622;
width: 200px;
margin: 2px 0 20px 10px;
}

#stylized2 input:focus, #stylized2 textarea:focus {
border: solid 1px #8b9ea8;
background: #91a759;
color: #fff;
}

#stylized2 textarea {
float: left;
width: 200px;
padding: 4px 2px;
border: solid 1px #434343;
margin: 2px 0 20px 10px;
font-family: verdana;
font-size: 11px;
}

#stylized2 button {
clear: both;
margin: 10px 0 0 170px;
width: 125px;
height: 31px;
background: #8b9ea8;
text-align: center;
line-height: 31px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
border: 1px solid #5a5151;
}

#stylized2 button:hover {
cursor: pointer;
background:  #91a759;
color: #fff;
border: 1px solid #342622;
}

#stylized2 #captcha {
width: 115px;
}

#stylized2 #imgCaptcha {
margin: -7px 0 0 5px;
}

#stylized2 select {
border: 1px solid #342622;
margin: 0 0 0 10px;
}

/* ____________________________________________________________________ Admin */

.adminIcon {
border: none;
margin: 0 0 0 15px;
}

.icones {
display: block;
margin-left: 50px;
}

.icoNews {
display: block;
float: right;
margin: -10px 5px 0 0;
}

#formLeft {
float: left;
margin: -15px 0 0 0;
}

#formRight {
clear: none;
margin: 20px 0 0 485px;
width: 440px;
}

.published {
font-size: 90%;
color: #666666;
margin: 10px 0 0 0;
}

#formRight hr {
width: 100%;
margin: 10px 0;
}