/* SITE */
html, body {height: 100%;}
body {font-family:Verdana; ;background-color: #FFFFFF; margin: 0; padding: 0;}
#global { min-height: 100%; position: relative; }
/****************************************/
/* STRUCTURE */
/****************************************/
#back-header{ background: url(../Images/header.gif) top left repeat-x; height: 172px; width: 100%;}
#header {position: relative; margin: 0 auto; width: 950px;}
.logo-mccm {float: left;background: url(../Images/logo-mccm.png) top left no-repeat;height: 150px;width: 346px;margin: 20px 0 0 10px;}
.icon-header {float: right;background: url(../Images/header-icon.png) top left no-repeat;height: 150px;width: 400px;margin: 0px 0 0 70px;}
.clear {clear:both;}
.header-block-text {width: 450px; float: right; margin: 30px 20px 0 0;}
.header-title {display: block;font-family: Optimer; font-size: 18px; color: #C0C0D0; font-weight: normal; margin: 0 0 10px 0;}
.header-text {display: block; font-size: 11px; color: #A0A0B0; text-align: justify; font-weight: normal;}
#back-content {background: url(../Images/content.gif) top left repeat-x;width: 100%;overflow: auto;padding-bottom: 80px;}
#content {margin: 20px auto 0 auto; width: 950px;}
#content-top{ background: url(../Images/content-top.png) top left no-repeat; height: 17px; width: 946px;}
#content-body{ background: url(../Images/content-body.png) top left repeat-y; width: 946px;}
#content-bottom{ background: url(../Images/content-bottom.png) top left no-repeat; height: 17px; width: 946px;}
#content-extra { margin-top:5px;}
#content-extra .schneider {bottom: 10px; position:relative; border:0px;}
#content-extra .rexel {border: 0px; }
#back-footer{background: url(../Images/footer.gif) top left repeat-x;height: 80px;width: 100%;color: #555;position: absolute;bottom: 0px; }
#footer {margin: 0 auto; width: 950px;}
#footer p, #footer a {text-align: center; color: #A0A0B0; padding-top: 20px; font-size: 11px;}
#slide-left {float: left; width: 250px;}
#slide-left .image-trombonne {float: right; background: url(../Images/cablage-trombonne.png) top left no-repeat;height: 165px;width: 251px;margin: 0px -19px; 0 0px;}
#slide-left .cadre {margin: 0px 0px 0px 5px; width: 245px;background-color: #FFFFFF; border: dotted 1px #BDBDBD;}
#slide-left p {font-size: 11px; color: #000000; text-align: justify; padding-left: 10px; padding-right: 10px; font-style: oblique; line-height:15px;}
#slide-left p:first-letter { padding-left:15px; font-weight: bold; font-size: 13px;}
#slide-right {float: right; width: 650px; }
#slide-right .img-metier {width:256px; height:192px;}
/****************************************/
/* REALISATION */
/****************************************/
/*#realisation .img-realisation {float: left; border: none; margin-right: 10px;}*/
#realisation h2 {text-align: left;}
#realisation p {text-align: justify;color: #505050;padding-right: 10px;}
#realisation .h-separator {margin: 20px 0 20px 0;}
#realisation img {border: none; text-decoration: none;}
#realisation .left-cell { float:left; border: none; margin-right:20px;}
#realisation .right-cell { padding: 0px 10px 0px 10px; }
#realisation .element-normal {height:340px;}
#realisation .element-small {height:200px; }
#realisation .element-chaufferie { height:250px;}
#realisation .element-chaufferie .left-cell { height:250px; position:relative; top:30px;}
#realisation .element-dao {height: 350px;}
/****************************************/
/* REFERENCES */
/****************************************/
#reference .img-reference {margin: 0 auto 20px auto; width: 133px; height: 133px;}
#reference h2 {text-align: left;}
#reference p, #reference b {color: #505050;padding-right: 10px; font-size: 11px;}
#reference .h-separator {margin: 20px 0 20px 0;}
#reference img {border: none; text-decoration: none;}
/****************************************/
/* CONTACT FORM */
/****************************************/
#coordonnees .div-google {margin:auto;}
#coordonnees .div-google a {text-decoration: none; color:#333f54; }
#coordonnees .address {float:left; margin-right:10px;}
#coordonnees p, #form p {text-align: justify; color: #505050; margin-right: 50px;}
#form input,#contactForm textarea{ border: 1px solid #ccc;padding: 5px;}
#form fieldset {border: none;}
#form label.error{float: left; display:block; width:30px; height:24px; line-height:24px; background:url(../Images/icon-error.png) no-repeat left top!important; overflow: hidden; text-indent: 100px;}
#form .contact-icon {float: right; margin-right: 3px;}
#slide-left .info-contact .subtitle {color: #693f42; font-size: 12px; font-weight:bold; font-variant:small-caps;}
#slide-left .info-contact {margin:20px 10px 0px 5px; padding: 5px;font-size: 12px; line-height: 20px; width: 235px;background-color: #FFFFFF; border: dotted 1px #BDBDBD;}
/****************************************/
/* TEXT */
/****************************************/
h1 { font-family: antipasto ,Arial,Verdana,sans-serif; font-size: 38px; color: #6d7e9d; text-align: left; font-weight: normal; border-bottom: solid #DDDDDD 1px; width: 90%;}
h2 { font-family: Optimer; letter-spacing:1px; font-size: 23px; color: #693f42; text-align: center; font-weight: normal;}
h3 { font-family: Optimer; font-size: 16px; color: #333F54; text-align: right; font-weight: normal; margin: 10px 0 0px 0; }
p {font-size: 12px; color: #202020; text-align: justify; line-height:17px;}
.text-upper {font-family: Verdana; display: block; color: #333F54; font-size: 13px; font-variant: small-caps; font-weight: bold; line-height: 13px;}
.text-small {font-family: Verdana; display: block; color: #808080; font-size: 12px; font-style: oblique;}
/****************************************/
/* UTILITAIRES */
/****************************************/
#fake{display: none;}
.spacer { clear: both;}
.block-3 {float: left; width: 25%; overflow: hidden; padding: 0 10px 0 10px; }
.block-2 {float: left; width: 43%; overflow: hidden; padding: 0 10px 0 10px; }
.v-separator {float: left; background: transparent url(../Images/v-separator.png) no-repeat right top; height: 255px; width: 2px;}
.v-separator {float: left; background: transparent url(../Images/v-separator-mini.png) no-repeat right top; height: 250px; width: 2px;}
.h-separator {background: transparent url(../Images/h-separator.png) no-repeat right top; height: 1px; width: 638px;}
.msg-ko {font-family: Optimer; font-size: 17px; color: #A94242; text-align: center; display: block;}
.msg-ok {font-family: Optimer; font-size: 17px; color: #42A942; text-align: center; display: block;}
/****************************************/
/* Mentions */
/****************************************/
.mentions {font-family:Verdana; font-size:12px; height:200px; margin:0px 50px 0px 10px;}
.mentions .raison { display:block; color:#333F54; font-size:14px; font-weight:bold; margin-bottom:10px;}
.mentions .societe { display:block; text-align:justify; margin-bottom:10px;}
.mentions .info {display:block; margin-bottom:10px;}
.mentions .info-text {font-weight:bold; font-size:13px; font-variant:small-caps; }