body {
color: white;
/*background: black;*/
background:black url("/design/fond_pleinepage.jpg") center top;
font: normal 75% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
a{
text-decoration:none;
color:white;
}
a img {
border:0 none;
}
img.bordure {
border:1px solid #CFCCC7;
padding:1px;
}
html, body, ol, ul, form, br, fieldset,img,object {
margin:0;
padding:0;
}
br
{        
 height: 0px;
}
ul
{
 list-style-type:none;
}
.separation {
clear:both;
visibility:hidden;
}
/* ----------------------------- */
/*            Bloc page          */
/* ----------------------------- */
div#page_footer {
position:relative;
margin: 10px auto;
width:900px;
/*height:30px;*/
color : white;
font-weight: bold;
font-size: 120%;
background:black center top;
text-align: center;
}
div#page_accueil {
position:relative;
width:900px;
height:600px;
background:black url("/design/fond_accueil.jpg") center top;
margin: 10px auto;
}
div#page_contact {
position:relative;
width:900px;
height:600px;
background:black url("/design/fond_contact.jpg") center top;
margin: 10px auto;
}
div#page_ingeneering {
position:relative;
width:900px;
height:600px;
background:black url("/design/fond_ingeneering.jpg") center top;
margin: 10px auto;
}
div#page_execution {
position:relative;
width:900px;
height:600px;
background:black url("/design/fond_execution.jpg") center top;
margin: 10px auto;
}
div#page_multiservices {
position:relative;
width:900px;
height:600px;
background:black url("/design/fond_multiservices.jpg") center top;
margin: 10px auto;
}
div#page_construction {
position:relative;
width:900px;
height:600px;
background:black url("/design/fond_construction.jpg") center top;
margin: 10px auto;
}
div#son_construction {
position:absolute;
top:300px;
left:350px;
}
/* ----------------------------- */
/*         Bloc boutons          */
/* ----------------------------- */
div#boutons_accueil {
position:relative;
background-color:black;
float:left;
top:365px;
}
div#boutons_accueil a{
background-color:black;
}
div#boutons_accueil img {
border: none;
display: block;
}

div#boutons_engeneering {
position:absolute;
float:right;
top:0px;
right:0px;
}
div#boutons_engeneering img {
border: none;
display: block;
}
div#boutons_execution {
position:absolute;
float:right;
top:0px;
right:0px;
}
div#boutons_execution img {
border: none;
display: block;
}
div#boutons_contact {
position:absolute;
float:right;
top:0px;
right:0px;
}
div#boutons_contact img {
border: none;
display: block;
}
div#boutons_multiservices {
position:absolute;
float:right;
top:0px;
right:0px;
}
div#boutons_multiservices img {
border: none;
display: block;
}
/* ----------------------------- */
/*        Bloc vignette          */
/* ----------------------------- */
div#vignette_engeneering {
position:absolute;
float:left;
top:522px;
left:0px;
}
div#vignette_execution {
position:absolute;
float:left;
top:524px;
left:0px;
}
div#vignette_contact {
position:absolute;
float:left;
top:0px;
left:0px;
cursor:pointer;
}
div#vignette_stylo {
position:absolute;
float:left;
top:107px;
left:0px;
cursor:pointer;
}
/* ----------------------------- */
/*      Formulaire contact       */
/* ----------------------------- */
div#formulaire_contact{
display:none;
position:absolute;
float:left;
left:450px;
background-color:#ffffff;
width:595px;
height:600px;
}
div#spirale_contact{
position:absolute;
float:left;
width:34px;
height:600px;
left:0px;
top:0px;
background-image:url("/design/fond_spirale.jpg");
background-repeat: repeat-y;
}
div#textesbasgauche_multiservices{
 color:white
}
/* ----------------------------- */
/*    Formulaire de contact      */
/* ----------------------------- */
div#nousecrire_contact {
position:absolute;
background-color:#ffffff;
/*
float:left;
font-family:"Trebuchet MS";
font-size:2.3em;
font-style:normal;
font-weight:bold;
*/
width:550px;
/*height:600px;*/
height:auto;
left:40px;
top:0px;
}
div#nousecrire_contact p {
color:#000000;
margin-left:10px;
}
div#nousecrire_contact a {
color:#0000ff;
}
/* ----------------------------- */
/*    Bloc diapo engennering     */
/* ----------------------------- */
div#video_engeneering {
position:absolute;
float:left;
/*background-color:white;*/
width:270px;
height:205px;
left:65px;
top:55px;
margin-top:0;
z-index:0;
}
div#cache_engeneering {
position:absolute;
float:left;
/*background-color:white;*/
width:361px;
height:280px;
background:transparent url("/design/video_engeneering.png") center top;
left:0px;
top:0px;
z-index:10;
}
div#video_execution {
position:absolute;
float:left;
background-color:white;
width:293px;
height:251px;
left:300px;
top:272px;
margin-top:0;
z-index:0;
}
div#cache_execution {
position:absolute;
float:left;
/*background-color:white;*/
width:293px;
height:251px;
background:transparent url("/design/video_execution.png") center top;
left:300px;
top:272px;
z-index:10;
}
div#video_accueil {
position:absolute;
float:left;
background-color:transparent;
width:564px;
height:174px;
top:0;
right:99px;
/*margin-top:20;*/
z-index:10;
}
/* ----------------------------- */
/*      Textes engennering       */
/* ----------------------------- */
div#texte_engeneering {
position:absolute;
float:left;
font-family:arial,sans-serif;
/*font-family:"Trebuchet MS";*/
font-size:1.4em;
font-style:italic;
font-weight:bold;
width:430px;
height:300px;
left:350px;
top:310px;
z-index:10;
}
/* ----------------------------- */
/*    Textes multiservices       */
/* ----------------------------- */
div#textesbasgauche_multiservices {
position:absolute;
float:left;
/*font-family:arial,sans-serif;*/
font-family:"Trebuchet MS";
font-size:1.3em;
font-style:normal;
font-weight:bold;
width:400px;
height:210px;
left:20px;
top:410px;
}
div#texteshautgauche_multiservices {
position:absolute;
float:left;
color:black;
/*font-family:arial,sans-serif;*/
font-family:"Trebuchet MS";
font-size:1.4em;
font-style:normal;
font-weight:bold;
width:400px;
height:210px;
left:20px;
top:50px;
}
div#textesbasdroit_multiservices {
position:absolute;
float:right;
font-family:"Trebuchet MS";
font-size:2.3em;
font-style:normal;
font-weight:bold;
width:550px;
height:30px;
left:450px;
top:550px;
}
/* ----------------------------- */
/*           General             */
/* ----------------------------- */
.separation {
clear:both;
visibility:hidden;
}
/*Préchargement des images*/
.cache_ingeneering
{
 position:absolute;
 left:0;
 top:-5000px;
}
.cache_accueil
{
 position:absolute;
 left:0;
 top:-5000px;
}
.cache_execution
{
 position:absolute;
 left:0;
 top:-5000px;
}
.cache_multiservices
{
 position:absolute;
 left:0;
 top:-5000px;
}
.cache_contact
{
 position:absolute;
 left:0;
 top:-5000px;
}
/* ----------------- */
/*    Copyright      */
/* ----------------- */
div#copyright{
position:relative;
width:900px;
background-color:transparent;
margin: 10px auto;
color:gray;
text-align:center;
}
div#copyright a{
color:gray;
text-decoration:underline;
}
/* -------------------------------- */
/*  Formulaire de contact standard  */
/* -------------------------------- */
fieldset
{
 border : solid #d3d7cf;
 border-width: 1px 0 0 0;
 margin: 0;
 padding: 1% 1em;
 clear: both;
}

legend 
{
 margin: 0;
 padding: 0 1em;
 color : #990000;
 background-color:#ffffff;
}
  
.multiple 
{
 width: 100%;
}
  
.field,
.multiple 
{
 clear: both;
 padding-top : 10px;
 margin: 0 0 0 0;
}
  
.field label
{
 cursor: pointer;
 width: 29%;
 margin-right : 10px;
 float: left;
 display: block;
 text-align: right;
 line-height: 150%;
 max-width: 150px;
 min-width: 50px;
}
  
.multiple p 
{
 cursor: pointer;
 width: 29%;
 margin : 0 10px 0 0;
 float: left;
 text-align: right;
 line-height: 150%;
 max-width: 150px;
 min-width: 50px;
}
.field input,
.field select,
.field textarea,
.field#catcha
{
 width: 64%;
 float: left;
 display: block;
 line-height: 150%;
 margin: 0;
 max-width: 450px;
}

.field textarea 
{
 overflow:auto;
}
  
.field input,
.field select,
.field textarea 
{
 border : 1px solid #627163;
}
  
.required label 
{
 font-weight: bold;
}
  
.required input,
.required select,
.required textarea 
{
 color : #000000;
 background-color: #feddab;
 border-top-color: #f57900;
 border-left-color: #f57900;
 border-bottom-color: #fcaf3e;
 border-right-color: #fcaf3e;
}
  
.multiple input,
.multiple select,
.multiple textarea 
{
 width: auto;
}
  
.multiple label 
{
 width: auto;
 text-align: left;
 padding: 0 1em 0 0.5em;
}
  
.submit input 
{
 min-width: 0;
 text-align: center;
 margin: 0 0 0 1em;
 width: auto;
}
  
input:focus,
textarea:focus,
selected:focus 
{
 color : #000000;
 border-top-color: #babdb6;
 border-left-color: #babdb6;
 border-bottom-color: #d3d7cf;
 border-right-color: #d3d7cf;
 background: #eeeeec;
}
  
span.error,
span.help 
{
 width: 29%;
 margin: 0 10px 0 0;
 float: left;
 display: block;
 text-align: right;
 line-height: 150%;
 max-width: 150px;
 min-width: 50px;
 clear: both;
}
  
span.error 
{
 /*color: #ef2929;*/
 color :#ff8000;
 background-color:#ffffff;
 font-weight: bold;
 font-style:italic;
}
  
span.help 
{
 color: #006633;
 background-color:#ffffff;
}
  
div.error label 
{
 color: #ef2929;
 background-color:#ffffff;
}
  
div.error input,
div.error select,
div.error textarea 
{
 color : #000000;
 background-color: #fdd0d0;
 border-top-color: #cc0000;
 border-left-color: #cc0000;
 border-bottom-color: #ef2929;
 border-right-color: #ef2929;
}
  
div.ok label 
{
 /*color: #73d216;*/
 color:#008000;
 background-color:#ffffff;
 font-weight: normal;
}
  
div.ok input,
div.ok select,
div.ok textarea 
{
 color : #000000;
 background-color: #caf2a3;
 border-top-color: #73d216;
 border-left-color: #73d216;
 border-bottom-color: #8ae234;
 border-right-color: #8ae234;
}
  
.icon 
{
 text-align: center;
 display: block;
 width: 20px;
 float: left;
 height: 18px;
 background: no-repeat 100% 50%;
}
  
.ok .icon 
{
 background-image: url("../mail/check.png");
}
  
.error .icon 
{
 background-image: url("../mail/cross.png");
}

.fm_container
{
 width : auto;
 font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
 font-size: 13px;
 font-weight: normal;
 background-color:#303030;
 color : #ffffff;
 border-width: 1px 1px 1px 1px;
 border-style:solid;
 border-color:#303030;
 margin-top:10px;
}

.fm_noscript
{
 width : 696px;
 font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
 font-size: 13px;
 font-style:italic;
 font-weight: bold;
 background-color:#ffffcc;
 padding:10px 0px 10px 0px;
 color : #bf0000;
 border-width: 3px;
 border-style:solid;
 border-color:#cc0000;
 margin-top:5px;
}

.fm_noscript td
{
 text-align:center;
}

.fm_valide
{
 width : auto;
 height:auto;
 font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
 font-size: 13px;
 font-style:normal;
 font-weight: bold;
 background-color:#ffffff;
 padding:0px;
 color : #006600;
 border-width: 3px;
 border-style:solid;
 border-color:#006600;
 margin-top:5px;
}

.fm_valide td
{
 text-align:center;
}

.fm_titre
{
 margin : 0px 0px 0px 10px;
 font-weight: bold;
 font-size: 15px;
}

.fm_emprunteur
{
 width :auto;
 margin-top : 3px;
 margin-left : 0px;
 margin-right : 0px;
 margin-bottom : 0px;
 background-color:#ffffff;
 color: #555753;
}

.fm_credit_container
{
 width : auto;
 font-size:13px;
}

.fm_info
{
 font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
 font-size: 13px;
 font-weight: normal;
 color :#000000;
 background-color:#ffffff;
 text-align:justify;
}

.fm_recommandations
{
 font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
 font-size: 13px;
 font-weight: normal;
 color :#fa5505;
 background-color:#ffffff;
 text-align:justify;
}

.fm_informations
{
 width : auto;
 font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
 font-size: 13px;
 font-style:italic;
 font-weight: bold;
 background-color:#ffffff;
 /*padding:10px 0px 10px 0px;*/
 color : #003300;
 border-width: 3px;
 border-style:solid;
 border-color:#ff8000;
}

.fm_informations p
{
 margin:10px;
}