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

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:802px;
height:67px;
background-color:#1E59A5;
padding-left:2px;
}
#menu ul{
list-style-type:none;
font-size:11px;
}
#menu  li{
float:left;

}
#menu ul li a{
color:#FFFFFF;
display:block;
text-decoration:none;
font-weight:bold;
background-color:#383837;
height:62px;
width:74px;
border-right:1px solid #1E59A5;
padding-left:5px;
background-color:#383837;
padding-top:5px;
}
#menu ul  li a:hover{
color:#3593f1;
background-image:url(interface/menu-over.jpg);

}
#menu ul li a.current{
background-image:url(interface/menu-actif.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;
margin-left:40px;
}
.colonne ul, .colonne1 ul li{
padding-left:0px;
}


.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;
line-height: 12px;
}

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;
}

.12boldblc{
color:#FFFFFF;
font-weight:bold;
font-size:12px;
}