
body {
  position:relative;
	padding: 0;
	width: 980px;
	margin:auto;
	margin-top:0px;
	padding-left:0px;
  font-family:arial,helvetica;
}

/*accueil*/
.page{
  height:551px;
}

.page-accueil{
height:582px;
}

.bas{
  text-align:center;
  color:#000;
  font-size:11px;
position:relative;
bottom:20px;
}

.bas a{
  color:#000;
  text-decoration:none;
  font-size:11px;
}



.bas a:hover{
  color:#000;
  text-decoration:none;
}

.separateur {
font-family:arial;
font-weight:bold;
padding-left:1px;
padding-right:1px;
}

/*bandeau*/


.bandeau{
  background: url(images/commun/fond.jpg) no-repeat left top;
 height:165px;
position:relative;

}

.logo{
  border:0;
  float:left;
  padding-right:170px;
}

.logo img{
  border:0;
}

/* menu */

#menu-horizontal {
  float:left;
  position:relative;
top:87px;
width:520px;
  }

#menu-horizontal #navigation { 
  margin: 0; 
  padding: 0; 
line-height:25px;
}

#menu-horizontal #navigation li {
  display: inline; 

}


#menu-horizontal #navigation li a { 
  float: left; 
  color:#000;
  font-size:13px;
  font-family:arial,helvetica;
  text-decoration:none;
font-weight:bold;
}

/* état au survol */
#menu-horizontal #navigation li a:hover { 
  color:#8ADBFF; 
}

/* état au clic */
#menu-horizontal #navigation li a:active { 
  color:#8ADBFF;  
}

/* état page active */
#navigation li#pageactive a { 
  color:#8ADBFF;
}

.separateur-bleu{
  font-family:arial;
  font-size:14px;
  color:#0B3D92;
  padding-right:10.5px;
  padding-left:10.5px;
  float:left;
font-weight:bold;
}


/*transfert pneumatique*/

.contenu{
  background-image: url(images/transfert-pneumatique/fond.gif);
  background-repeat: no-repeat;
  height:424px;
  display:block;
}

.contenu-gauche{
  float:left;
  width:452px;
  height:336px;
}

.contenu-droite{
  height:336px;
  padding-top:1px;
}


.contenu h1{
  color:#8ADBFF;
  font-size:20px;
  font-family:impact, arial,helvetica;
  font-weight:normal;
  padding-left:45px;
  padding-top:110px;
}

p{
  font-size:10px;
  color:#CEE5E7;
  padding-left:45px;
}

.lien-paragraphe a{
  text-decoration:none;
  color:#000;
  font-size:12px;
  font-family:impact, arial,helvetica;
  float:left;
}

.separateur-bleuciel{
  color:#8ADBFF;
  font-size:12px;
  font-family:impact, arial,helvetica;
  float:left;
  padding-left:2px;
  padding-right:2px;
}

.liens{
  padding-left:45px;
}


/*contact*/



.formulaire{
  padding-left: 40px;
    padding-top: 55px;
}


input {
  font-size:10px;
font-family:arial;
}

textarea{
  font-size:10px;
font-family:arial;
}

.lien a {
  font-size:10px;
  color:#CEE5E7;
  

}
.lien{
padding-left:15px;
}
.bien-envoye{
  padding-left:15px;
padding-top:150px;
font-size:10px;
  color:#CEE5E7;
}


.contenu-contact{
background:url(images/contact/ciel.jpg) no-repeat top left;
height:420px;
}



/*galerie*/

.contenu-galerie{
 background:#0B3D92 url(images/commun/contenu.jpg) no-repeat top left;
height:424px;
}

.contenu-galerie h1{
  color:#8ADBFF;
  font-size:20px;
  font-family:impact, arial,helvetica;
  font-weight:normal;
  text-align:center;
  padding-top:10px;
}

.photo1{
  float:left;
  padding-right:70px;
  padding-left:40px;
  width:165px;
padding-bottom:20px;
}
.photo2{
  float:left;
  padding-right:70px;
  width:165px;
padding-bottom:20px;
}
.photo3{
  float:left;
  padding-right:70px;
  width:165px;
padding-bottom:20px;
}

.photo4{
  width:165px;
  float:left;
padding-bottom:20px;
}

.clear{
  clear:both;
}

.contenu-galerie p{
  text-align:center;
 
  padding-left:0px; 
padding-right:0px;

}

.contenu-galerie{
  overflow:auto;

}


.contenu-galerie img{
border:#c8c8c8 solid 2px;
}
.titre-galerie{
  color:#8ADBFF;
  font-size:14px;
  font-family:impact, arial,helvetica;
  font-weight:normal;
  padding-left:45px;
  padding-bottom:20px;
  padding-top:20px;
}

.contenu-galerie a{
color:#8ADBFF;
font-size:12px;
padding-left:28px;
}

/*plan*/

.contenu-plan{
background-color:#5081AC;
  height:424px;
}


.contenu-plan h1{
  color:#8ADBFF;
  font-size:20px;
  font-family:impact, arial,helvetica;
  font-weight:normal;
  text-align:center;
  padding-top:10px;
padding-bottom:20px;
}

.plan-accueil{
padding-left:45px;
padding-bottom:20px;
float:left;
}

.plan-txt{
padding-left:200px;
}



.colonne1{
float:left;
padding-right:50px;
}

.plan-accueil a, .plan-txt a{
  font-size:10px;
  color:#FFF;
  padding-left:45px;
text-decoration:none;
}
.plan-accueil a:hover, .plan-txt a:hover{
  font-size:10px;
  color:#FFF;
  padding-left:45px;
text-decoration:none;
text-decoration:underline;
}

/*reference*/



.contenu-reference{
background:#0B3D92 url(images/commun/contenu.jpg) no-repeat top left;
height:424px;
padding:0px;
margin:0px;
}
.contenu-reference .h1{
  color:#8ADBFF;
  font-size:20px;
  font-family:impact, arial,helvetica;
  font-weight:normal;
  text-align:center;
  padding-top:10px;
}

.contenu-reference .p{
  color:#CEE5E7;
  font-size:11px;
  font-family:arial;
  font-weight:normal;
  padding-left:45px;
  padding-top:10px;
}

.ref-colonne1{
float:left;
text-align:center;
padding-right:80px;
padding-top:20px;
}
.ref-colonne2{
float:left;
text-align:center;
padding-right:80px;
padding-top:20px;
}
.ref-colonne3{
float:left;
text-align:center;
padding-right:80px;
padding-top:20px;
}
.ref-colonne4{
float:left;
text-align:center;
padding-top:20px;
}

.contenu-contact .formulaire form table tbody tr td{
padding:0;
margin:0;
}

 .case{
padding:0;
}

.contenu-contact {
color:#FFF;
font-weight: bold;
font-size:10px;
}

#content{
clear:both;
}

#contenu{
width:420px;
height:420px;
background:url(images/commun/contenu.jpg) no-repeat top left;
float:left;
}

#anim-flash{
float:left;
width:560px;
height:420px;
}

#contenu p{
padding-right:65px;
text-align:justify;
}

#contenu h1{
  color:#8ADBFF;
  font-size:20px;
  font-family:impact, arial,helvetica;
  font-weight:normal;
  padding-left:45px;
  padding-top:50px;

}

#contenu a{
  color:#fff;
font-size:11px;
  font-weight:bold;
  text-decoration:none;
}


.contenu-galerie .haut{
text-align:right;
padding-right:50px;
}





/*footer*/
.installations{
  padding-top:12px;
  float:left;
  color:#0069af;
  font-size:25px;
  font-family:arial,helvetica;
font-weight:bold;
text-transform:uppercase;
width:729px;
}

.lien-bas{
  float:left;
  color:#c8c8c8;
  font-size:13px;
}

.ad{
  padding-top:12px;
  
  color:#0069af;
  font-size:15px;
  font-family:arial,helvetica;
font-weight:bold;
text-transform:uppercase;

text-align:right;
padding-left:55px;
padding-bottom:10px;
}



.lien-bas a{
  font-family:arial;
  color:#0B3D92;
  text-decoration:none;
font-weight:bold;
}


.lien-bas a:hover{
  font-family:arial;
  color:#8ADBFF;
  text-decoration:none;
font-weight:bold;
}

.lien-bas ul{
padding:0;
margin:0;
z-index:15;
}
.lien-bas li{
  list-style:none;
}


.lien-bas #navigation li {
  display: inline; 
}

.bas{
clear:both;
position:relative;
top:20px;
}


#content{
background-color:#0B3D92;
}

*+html #contenu h1, * html #contenu h1 {
    padding-top: 45px;
}


* html #contenu h1 {
    padding-top: 35px;
}


* html #contenu {
    background: url("images/commun/contenu.jpg") no-repeat scroll left top transparent;
    float: left;
    height: 420px;
    width: 417px;
}

* html .contenu-contact{
width:980px;
margin:auto;
}
