/*===| I. MAIN LAYOUT  |====================================================*/
#container, #footer, #header  {width: 850px;}
* {margin: 0;}
html, body{height:100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}

.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{
background-color:#080808;
background-image: url(../../images/charte/container-x.jpg);
background-repeat: repeat-x;
background-position: top left;
}
#bg1{position:absolute;z-index: 1;  width:100%;}
#bg2{position:absolute;z-index: 2; width:100%;}
#bg3{position:absolute;z-index: 3; }

#wrap-container{
min-height:100%;
	height:auto !important;
	height:100%;
  margin:0 auto;
  position: relative;
  z-index: 4;
  width: 100%;
  margin: 0 auto ;

}


#container{
	margin:0 auto;
	text-align: left;

}

#content{
width: 850px;
float: left;
background-image: url(../../images/charte/container-bg.jpg);
background-repeat: no-repeat;
background-position: top left;
color: #BFBFBF;
}

#content-text{
width: 821px;
padding: 20px 14px 10px 14px;
float: left;
font-family: Verdana,Arial, Tahoma,  Geneva, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;

}


#content-text a
{
    color:#ffffff;
    cursor: pointer;
}



  #content-text a:hover{
      color:#A6A6A6;
      cursor: pointer;
   }

/* ===| V. FOOTER BOXES |====================================================*/
#wrap-footer {
width: 100%;
text-align: left;
background-image: url(../../images/charte/bg-fotter-x.jpg);
background-repeat: repeat-x;
background-position: top left;
background-color: #6E0000;
margin:0px auto;
position:relative;
z-index: 4;
display: table;
}


#fwrap1 {position:absolute; z-index: -3; left:0; background:url("images/footer-bg-0.gif") 50% 0% repeat-y; width:100%;}
#fwrap2 {position:absolute; z-index: -2;  left:0; background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;}
#fwrap3 {position:absolute; z-index: -1; left:0; background-color: #6E0000; }

#footer{
background-image: url(../../images/charte/bg-fotter.jpg);
background-repeat: no-repeat;
background-position: top left;
color: #BFBFBF;
width: 850px;
height: 151px;
margin:0px auto;
font-family: Verdana,Arial, Tahoma,  Geneva, Helvetica, sans-serif;
font-size: 11px;
 background-color: #6E0000;
}




#info{
width: 640px;
float: left;
height: 55px;
padding-left: 155px;
margin-top: 12px;
line-height:20px;
}


.maps{
float: left;
margin-top: -17px;
padding-left: 295px;


}





  #footer  #info a{
    color:#DDDDDD;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    margin-left: 17px;
    }

  #footer  #info a:hover{
      color:#A7A7A7;
      text-decoration: none;
      cursor: pointer;
       font-weight: bold;
       margin-left: 17px;
   }


#info span{
color: #C72929;
font-weight: bold;
}








#digital{
  float:left;
  padding-left:15px;
  line-height:25px;
  }

  #footer  #digital a{
    color:#ffffff;
    cursor: pointer;
    text-decoration: underline;
    }

  #footer  #digital a:hover{
      color:#A6A6A6;
      text-decoration: none;
      cursor: pointer;
      text-decoration: underline;
   }

      #footer  #digital span{
    color:#ffffff;
       }





#footer-menu a.mentions
{
    color:#ffffff;
    cursor: pointer;
}



  #footer-menu .mentions:hover{
      color:#A6A6A6;

      cursor: pointer;
   }





  #footer a:hover{color:#ffffff;   text-decoration: underline;  }

  #footer a{
    color:#A7A7A7;
    text-decoration: none;
    }

   #footer a.actif{
      color:#C72929;
      cursor: default;
      text-decoration: none;
   }
    #footer .actif:hover{
      color:#C72929;
      cursor: default;
      text-decoration: none;
   }

   #footer .menu-right{
   float: right;
   color: #A7A7A7;
   padding-right: 10px;
   }



  #footer a.digital:hover{color:#FFFFFF}





div.ref{
font-size: 11px;
text-align: center;
width:850px;
float: left;
margin:0px auto 0px auto;
color: #ffffff;
font-weight: normal;
clear: left;
padding: 5px 0px;
}


/* ===| BASIC CSS |====================================================*/

.line{
  height:20px;
  background: url(../../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }

/* ===| MDM |====================================================*/
.mdm{
  float: left;
  color:#BFBFBF;
  font-size: 11px;
  text-align: justify;
  line-height: 14px;
  }

  .mdm-title{
   font-weight: bold;
   margin-bottom: 5px;

  }


  .mdm-inner{
    margin:10px 15px 0px 20px;
  }


  .dates{
   font-weight:normal;
   text-align: right;
   font-size: 10px;

   margin-top: 40px;
   margin-right: 15px;
  }



 .mdm-text{
 height: 100px;
}

.thumb-img{
float: left;
border: 1px solid #808080;
margin-right: 10px;
}





.savoir{
float: right;

  }





/* ===| CONTENT |====================================================*/



/* realisations-box */
.realisations-box{
  width:800px;
  height:160px;
  float:left;
  padding: 15px 15px 15px 10px;

  }

.realisations-content{
  background:#1E1E1E url(../../images/charte/bg-realisations.jpg) left top repeat-x;
  padding:0px 0px 0px 0px;
  height:160px;
  border: 1px solid #8C0D0F;
  }

  .right-imgs{
  width: 110px;
  height: 130px;
  float: right;
  padding-right: 15px;
  margin-top: 5px;
  }


  .realisations-box td p{
    text-align: center;
    font:bold 11px Arial;
    color:#ffffff !important;
    line-height:22px;
    height:22px;
    padding-left: 15px;
    }

  #right-inner .realisations-box p{
    color:#000000;
    font-size:11px;
    line-height:12px
    }

    .gauches {
    background-color: #2F2F2F;
    float: left;
    width: 635px;
    padding: 15px;
    height:108px;
    border-right: 5px solid #000000;
    line-height: 16px;
    }

    .gauches span{
      color: #ffffff;
      font-weight: bold;
    }


/* realisations detail */

.realisations-left{
background-image: url(../../images/charte/prod-top.jpg);
background-repeat: no-repeat;
background-position: top left;
width:254px;
float:left;
background-color: #A32424;
padding:0px 7px 5px 9px;
  }

  .realisations-left .image{
    height:250px;
    width:250px;
    text-align: center;
    }


    .jesuis{
    padding-top: 25px;
    height: 25px;
    }



.realisations-left .image,
.thumbs img{
   text-align: center;

  }
  .thumbs{
    float:left;
    margin:3px 2px 2px 1px;
    width:60px;
    height:60px;
    text-align: center;
    border: 0px solid #ffffff;
    background-color: #ffffff;
    }

    .backs{
    width: 250px;
    float: left;
    margin-top: 3px;
    }


  .thumbs-big{

   background-color: #ECECEC;
     }

  #content-text a.message2{
color: #ffffff;
font-size: 11px;
font-weight: normal;
}

#content-text .message2:hover{
color: #000000;
font-size: 11px;
font-weight: normal;

}
.realisations-right{
  padding-right:0px;
  padding-left:20px;
  float:left;
  width:530px;
  text-align: justify;
  }
.realisations-right p{  line-height:16px}



/* Contact */
/* contact */
.contact-left{
  width:300px;
  float:left;
  padding-left:25px;
  font:normal 12px Arial;
  }
  .contact-right{
    width:490px;
    display:inline;
    float:left;
    }
    .contact-right p{
      padding-left:5px;
      }

.inputForm{
	border:1px solid #272727;
	background-color:#C8C6C6;
	color:#000000;
  width:160px;
  font:normal 12px Arial;
	}
.inputFormOver{
	border:1px solid #8F0000;
	background-color:#F9F5F5;
	color:#000000;
  width:160px;
  font:normal 12px Arial
	}
textarea{
  font:normal 12px Arial;
}


.label{
	width:90px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#BFBFBF;
	text-align:left;
  font:normal 12px Arial;

	}

  .mandat{
  color:#ffffff;
  }

  .label span{
    color:#EE2A2A;
    }
.field{
	width:160px;
	float:left;
	margin-top:5px;
  font:normal 12px Arial;
 	}
.btn{

  width:220px;
  text-align: center;
  margin:20px 20px 0px 0px;
  float: right;


  }
  .btn div{
    float:left;
    display:inline;
    width:110px;
    }


.button{
  background:url(../../images/charte/button.jpg) no-repeat center top;
  border:none;
	width:108px;
  height:23px;
	cursor:pointer;
  color:#ffffff;
  font:bold 12px Arial;
	}
  .buttonOver{
    background:url(../../images/charte/button-over.jpg) no-repeat center top;
    border:none;
  	width:108px;
    height:23px;
  	cursor:pointer;
    color:#ffffff;
    font:bold 12px Arial;
    }



  #content-text .lead{padding-top:0px; color: #ffffff;}
#content-text .clear{clear:both}
#content-text .normal{font-size:12px;}
#content-text .indent{margin-left:15px;}
#content-text .indent1{margin-left:21px;}
#content-text .centered{
  text-align:center;
  margin:0 auto;
  clear:both;}
#content-text .vertical{padding:20px 0px 50px 0px;}




.couleur{
	font-weight:bold;
	color:#ffffff;
  }
.couleur1{
	font-weight:bold;
	color:#C31213;
   }

#content-text  .couleur2{
	font-weight:bold;
	color:#ffffff;
  line-height: 20px;
   }

   .recherche{
  background:url(../../images/charte/recherche.jpg) no-repeat center top;
  border:none;
	width:93px;
  height:23px;
	cursor:pointer;
  color:#ffffff;
  font:normal 11px Verdana;
	}
  .recherche:hover{
  background:url(../../images/charte/recherche.jpg) no-repeat center top;
    border:none;
  	width:93px;
    height:23px;
  	cursor:pointer;
    color:#A8A4A4;
    font:normal 11px Verdana;
    }