/* CSS Document */

body {
font-family: Tahoma, Verdana, sans-serif;
background-color:#666666;
background-image:url(interface/background.gif);
text-align:center;
margin: 0px;
}

img {border:0px;}


#contenu {
margin-left: auto;
margin-right: auto;
width:804px;
text-align:left;
}

#header {
background-image:url(interface/header.jpg);
width:804px;
height:114px;
}

#menu {
width:804px;
height:67px;
background-color:#1E59A5;
}

/*menu*/

#menu01 {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/societe01a.jpg);
}
a:hover#menu01  {background-image: url(interface/menu/societe02a.jpg)}
a:active#menu01 {background-image: url(interface/menu/societe03a.jpg)}
#menu01a {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/societe03a.jpg);
}


#menu02 {
display:block;
float:left;
width: 89px;
height:67px;
background-image:url(interface/menu/intervention01a.jpg);
}
a:hover#menu02 {background-image: url(interface/menu/intervention02a.jpg)}
a:active#menu02 {background-image: url(interface/menu/intervention03a.jpg)}
#menu02a {
display:block;
float:left;
width: 89px;
height:67px;
background-image:url(interface/menu/intervention03a.jpg);
}

#menu03 {
display:block;
float:left;
width: 89px;
height:67px;
background-image:url(interface/menu/reparation01a.jpg);
}
a:hover#menu03 {background-image: url(interface/menu/reparation02a.jpg)}
a:active#menu03 {background-image: url(interface/menu/reparation03a.jpg)}
#menu03a {
display:block;
float:left;
width: 89px;
height:67px;
background-image:url(interface/menu/reparation03a.jpg);
}

#menu04 {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/moyens01a.jpg);
}
a:hover#menu04 {background-image: url(interface/menu/moyens02a.jpg)}
a:active#menu04 {background-image: url(interface/menu/moyens03a.jpg)}
#menu04a {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/moyens03a.jpg);
}

#menu05 {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/capability01.jpg);
}
a:hover#menu05 {background-image: url(interface/menu/capability02.jpg)}
a:active#menu05 {background-image: url(interface/menu/capability03.jpg)}
#menu05a {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/capability03.jpg);
}

#menu06 {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/clients01.jpg);
}
a:hover#menu06 {background-image: url(interface/menu/clients02.jpg)}
a:active#menu06 {background-image: url(interface/menu/clients03.jpg)}
#menu06a {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/clients03.jpg);
}

#menu07 {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/agrements01a.jpg);
}
a:hover#menu07 {background-image: url(interface/menu/agrements02a.jpg)}
a:active#menu07 {background-image: url(interface/menu/agrements03a.jpg)}
#menu07a {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/agrements03a.jpg);
}

#menu08 {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/equipe01a.jpg);
}
a:hover#menu08 {background-image: url(interface/menu/equipe02a.jpg)}
a:active#menu08 {background-image: url(interface/menu/equipe03a.jpg)}
#menu08a {
display:block;
float:left;
width: 89px;
height:67px;
background-image: url(interface/menu/equipe03a.jpg);
}

#menu09 {
display:block;
float:left;
width: 91px;
height:67px;
background-image: url(interface/menu/contact01.jpg);
}
a:hover#menu09 {background-image: url(interface/menu/contact02.jpg)}
a:active#menu09 {background-image: url(interface/menu/contact03.jpg)}
#menu09a {
display:block;
float:left;
width: 91px;
height:67px;
background-image: url(interface/menu/contact03.jpg);
}

/*fin menu*/


#content {
background-image:url(interface/backcontent.jpg);
width: 804px;
}

#inside {
width: 776px;
margin-left:14px;
padding-top:14px;
padding-bottom: 14px;
display:block;
}

#footer {
background-color:#1E59A5;
width:804px;
height:30px;
margin-bottom: 15px;
}

.internfoot {
color:#FFFFFF;
font-size: 11px;
padding-top: 5px;
text-align:center;
}

.internfoot a {
color:#FFFFFF;
font-weight: bold;
font-size: 10px;
}





/*interne*/
.inside01 {
width: 425px;
}

.inside02 {
width: 100%;
background-color: #383838;
}

.right {
  float: right;
} 
.left{
  float: left;
} 
.spacer {
  clear: both;
}

.marge {
width:760px;
margin-left: 8px;
}

.colonne {
float:left;
margin-left:8px;
width:248px;
text-align:left;
}

.colonne1 {
float:left;
margin-left:4px;
width:248px;
text-align:left;
}

.colonne ul, .colonne1 ul {
list-style-image:url(interface/arrow.jpg);
line-height: 16px;
}

.legende {
color:#FFFFFF;
font-size: 10px;
margin-bottom: 15px;
}

.legende a:link , .legende a:visited{
color:#FFFFFF;
font-size: 10px;
margin-bottom: 15px;
text-decoration:none;
}
.legende a:hover {
color:#FFFFFF;
font-size: 10px;
margin-bottom: 15px;
text-decoration:underline;
}

/*mise en forme*/

h1 {
font-size:16px;
font-weight: bolder;
color: #1E59A5;
line-height:14px;
margin-bottom: -4px;
}

h3 {
font-size: 12px;
font-weight:bold;
color:#000000;
}

h4 {
font-size: 12px;
font-weight: normal;
color:#000000;
text-align:justify;
margin-bottom: -10px;
}

h6 {
font-size: 10px;
font-weight: normal;
color:#0066CC;
text-align:justify;
margin-bottom:10px;
}

h5 {
color:#ffffff;
font-size: 12px;
font-weight:normal;
width: 248px;
text-align:justify;
}

h5 ul {
text-align:left;
}


.blue {
color: #0066CC;
}

.black {
color:#000000;
}

/*agrement*/

#pa1  {
display:block;
background-image:url(images/phase2/agrement_1_2m.jpg);
width: 248px;
height: 354px;
}

a:hover#pa1 {
display:block;
background-image:url(images/phase2/agrement_1_2.gif);
width: 541px;
height: 772px;
position:absolute;
margin-left:-250px;
}

#pa2  {
display:block;
background-image:url(images/phase2/agrement_2_2m.jpg);
width: 248px;
height: 354px;
}

a:hover#pa2 {
display:block;
background-image:url(images/phase2/agrement_2_2.gif);
width: 546px;
height: 813px;
position:absolute;
margin-left:-250px;
}