@charset "UTF-8";
/* CSS Document PROVICOM */


/*GENERAL*/
html, body {
 margin: 0;
 padding: 0;
 background-color:#efefef;
 font-family:Arial, Helvetica, sans-serif;
 }
 
  /*TITRES*/
  
h1  {
  position: absolute;
  margin-left: -5000px; 
}

h2  {
 margin:0;
 padding:0;
 color: #02999c ;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:bold;
}

h3  {
  color: #fff ;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align:left;
  width:285px;
  height:47px;
  padding-left:10px;
  margin:0;
  font-weight:normal;
  line-height:47px;
}

#titremetier{
  width:295px;
  height:47px;
  background-color:#494949;
}
 
 /*HEADER*/

#header{
 width:960px;
 clear:left;
 margin-bottom:10px;
 }
 
 #logo{
margin-top:30px;
 }

#navigation {
  background: #494949;
  height:35px;
  margin-right:auto;
  margin-left:auto;
  margin-top:0;
  padding-top:1px;
  width:960px;
  background-image: url(images/fond-nav.png);
  background-repeat:no-repeat;
  
}


#menu {
  list-style-type:none;
  padding-left:0px;
  padding-right:0;
  padding-top:8px;
  margin:0;
}


#menu li {
  float: left;
  padding:0;
  margin:0;
}

#navigation li a {
  width:117px;
  text-align:center;
  padding:0;
  margin:0;
  display: block ;
  color: #fff ;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-decoration:none;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
  font-weight:bold;
  
}

.homeLien{
  font-weight:bold;
  color: #FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:bold;
  
}


/*STRUCTURE*/

#site{
 width:960px;
 margin-right:auto;
 margin-left:auto;
 }

#global{
	
 }

#footer{
 width:960px;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#494949;
 margin-top:30px;
 margin-bottom:15px;
 }
 
 #footer a{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#494949;
 text-decoration:none;
 }
 
 #footer a:hover{
 font-family:Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#494949;
 text-decoration:underline;
 }
 
 
 
/*HOME PAGE*/ 
 
 #bloccentral{
  width:830px;
  height:280px;
  background-image: url(images/image-centrale.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-top:70px;
  padding-left:130px;
 }

 
 #bloccentral p{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color:#494949;
  font-weight:bold;
  margin:0;
  margin-top:10px;
 }
 
 
 
  #blocs{
  width:960px;
  height:215px;
  margin-top:35px;
 }
 

 
 #metiers{
  width:294px;
  height:205px;
  float:left;
  background-image: url(images/fond-metiers.jpg);
  background-repeat: no-repeat;
  background-position: top left;
 }
 
  #metiers ul{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF ;
  list-style-type:none;
  padding:0;
  margin-left:40px;
  margin-bottom:0;
  margin-right:0;
  margin-top:0;
 }
 
  #metiers li{
  margin-top:10px;
  padding:0;
  height:20px;
  line-height:20px;
  
 }
 
   #metiers img{
  margin:0;
  padding:0;
 }
 
  #engagements{
  width:294px;
  height:205px;
  float:left;
  background-color:#FFF;
  margin-left:37px;
  margin-right:37px;
 }
 
  #engagements ul{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#494949;
  list-style-type:none;
  padding:0;
  margin:0;
 }
 
  #engagements li{
  width:120px;
  height:60px;
  float:left;
  margin-top:12px;
  margin-left:23px;
 }
 
   #engagements li img{
  margin-bottom:5px;
 }
 
   #contact{
  width:294px;
  height:205px;
  float:left;
  background-color:#FFF;

 }
 
 #titrephone{
 color: #02999c ;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 34px;
 font-weight:bold;
 margin-left:30px;
 padding:0;
 margin-top:0;

 }
 
  #titrephone p {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#494949;
  text-decoration:underline;
  font-style:italic;
  margin-top:10px;
  padding:0;
  font-weight:normal;
 }
 
 
  #bouton{
  width:257px;
  height:35px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
 }
 
 .boutonContact {
   display: block;
   width: 257px;
   height: 35px;
   background-image: url(images/BTN-contact.png);
}

 .boutonContact:hover {
   display: block;
   width: 257px;
   height: 35px;
   background-image: url(images/BTN-contact-over.png);
}

/*INSTALLATION*/  
 
  #blocInstall{
  width:960px;
  height:200px;
  background-image: url(images/fond-installations.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-top:19px;
 }
 
 
  #blocInstall p{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 18px;
  color:#FFF;
  font-style:italic;
  margin-left:20px;

 }
 
  .blocs2{
  margin-top:30px;
  width:960px;
  height:330px;
  background-color:#FFF
 
 }
 
 .textinstall{
  width:290px;
  margin-top:30px;
  height:320px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #494949;
  padding-top:10px;
  margin-left:20px;
  float:left;
 
 }
 
 .titreinstall{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #02999c ;
  font-weight:bold;
 
 }
 
 .podiuminstall{
  width:650px;
  float:left;
 
 }
 
 /*SERVICES*/  
 
  #blocServices{
  width:960px;
  height:219px;
  background-image: url(images/fond-services.png);
  background-repeat: no-repeat;
  background-position: top left;
 }
 
  .blocs2{
  margin-top:30px;
  width:960px;
  height:330px;
  background-color:#FFF
 
 }
 
 .textServices{
  width:515px;
  margin-top:30px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #494949;
  margin-left:20px;
  float:left;
 
 }
 
 .titreinstall{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #02999c ;
  font-weight:bold;
 
 }
 
  .titreinstall2{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #02999c ;
  font-weight:bold;
  margin-top:30px;
 
 }
 
 .photoServices{
  float:left;
  width:411px;
  height:284px;
  margin-top:20px;
 
 }
 
 .numero{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 23px;
  color: #02999c ;
 
 }
 
 .bold{
  font-weight:bold;
  }
  
   /*REFERENCES*/
   
   #blocRef{
  width:960px;
  height:219px;
  background-image: url(images/fond-ref.png);
  background-repeat: no-repeat;
  background-position: top left;
 }
   
    .textRef{
  margin-top:30px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #494949;
  margin-left:20px;
  font-weight:bold;
  padding-top:5px;
 
 }
 
  .photoref{
  margin-top:10px;
  margin-left:10px;
 
 }
 
   .blocref{
  margin-top:30px;
  width:960px;
  height:550px;
  background-color:#FFF;
 
 }
 
 /*MENTIONS LEGALES*/
 
 
   #blocmentions{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #494949;
  width:930px;
  background-color:#FFF;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:30px;
  padding-top:5px;
 
 }
 
 
    .soustitremention{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #494949;
  font-weight:bold;
  margin-top:30px;
 
 }
 
 
 /*CONTACT*/  
 
  #blocContact{
  width:960px;
  height:219px;
  background-image: url(images/fond-contact.png);
  background-repeat: no-repeat;
  background-position: top left;
 }
 
   #formulaire{
  width:940px;
  height:540px;
  background-color:#FFF;
  margin-top:30px;
  padding-top:20px;
  padding-left:20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #494949;
  
 }
 
  #titrecontact{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #02999c ;
  font-weight:bold;
  margin-bottom:30px;
 
 }
 
 .form input[type=submit]{
	
	background:url(images/BTN-envoyer.png) top left no-repeat;
	width:130px;
	height: 42px;
	padding: 0;
	cursor: pointer;
	border:0;
}

 .form input[type=submit]:hover{
	
	background:url(images/BTN-envoyer-over.png) top left no-repeat;
	width:130px;
	height: 42px;
	padding: 0;
	cursor: pointer;
	border:0;
}

  #confirmation{
  font-family:Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #02999c ;
  font-weight:bold;
  text-align:center;
  margin-top:150px;
 
 }