body{
margin:0px;
font-family: "Trebuchet MS", Trebuchet, "MS Trebuchet", Helvetica, Geneva, Arial;
color:#2D2D2D;
background-color:#E6E6E6;
}
a:link,a:hover,a:visited{color:black;}
a.package:link,a.package:hover,a.package:visited{color:#2578aa;}

img{ border:0; }

#container {
width: 750px;
\width: 770px;
w\idth: 750px;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background-color:#FFFFFF;
}
#banner{
background: url(entete.jpg) no-repeat top left;
height:115px; width:750px;
margin-bottom: 5px;
}
#homelink{ left:18px ; top:32px ; width:313px ; height:64px }

#content{
padding: 0 5px 5px 0;
margin-left: 155px;
}
#content2{
padding: 5px;
margin-left: 155px;
margin-right: 200px;
}
#content3{
margin:50px 0 0 0;
height:450px ;
text-align:center ;
}
#content4{
margin-top:30px;
text-align:center;
font-style:italic;
font-size:80%;
}

#content5{
margin-top:0px;
text-align:right;
font-style:italic;
font-size:75%;
}

#content6{
margin-top:0px;
text-align:center;
font-style:italic;
font-size:75%;
}
#content7{
margin-top:0px;
padding: 5px;
margin-left: 155px;
margin-right: 200px
font-size:60%;
font-style:italic;
font-weight: bold ;
}



#sidebar {
float: left;
width: 140px;
\width: 150px;
w\idth: 140px;
margin: 0;
margin-right: 5px;
padding: 5px;
}
#sidebarright {
float: right;
width: 160px;
\width: 170px;
w\idth: 160px;
margin: 0;
margin-left: 5px;
padding: 5px;
}

#footer {
clear: both;
padding: 5px;
margin-top: 5px;
}
#menuservices{
border-bottom:5px solid black;
border-top:5px solid black;
padding:24px;
}
img.cadre{
border:1px solid #CCCCCC;
}

.col1 { width:340px }
.side { font-size:70% }

td{
width:150px;
padding:5px 10px 5px 0px;
vertical-align:top;
}
.large{
width:240px;
}
.xlarge{
width:350px;
}
.domain{
width:200px;
padding:14px;
}
.ligne{
width:5px;
padding:0px;
}
p,ul{ 
font-size:75% ;
margin: 4px 0 10px 0;
}
p.caption{ font-size:60% ; }

a.enlarge:link,a.enlarge:hover,a.enlarge:visited{ color:#999999 }

h1{ 
font-family:Helvetica, Geneva, Arial ;
font-size:140% ;
margin:10px 0 26px 0 ;
text-transform: uppercase ;
border-bottom: 1px solid #CCCCCC ;
line-height:160%;
}
h2{ 
font-size:100% ;
font-weight: bold ;
margin: 4px 0 10px 0;
}

h3{ 
color: red;
font-size:100% ;
font-weight: bold ;
margin: 4px 0 10px 0;
}

h4{ 
color: blue;
font-size:110% ;
font-weight: bold ;
margin: 4px 0 10px 0;
}

h5{ 
color:red ;
font-size:150% ;
font-weight: bold ;
margin: 4px 0 10px 0;
}



ul.gis{ padding-left:30px }

#menu_en {position:relative ; left:375px ; top:60px ; width:345px ; height:19px ; }
#menu_en li {height:19px ; position: absolute; background:url(menu_en.gif) 0 0 no-repeat ; display:block ; list-style:none;}
#menu_en a {height:19px ; display:block ;}
#menu_en #panel1a {width:65px ; left:0px ;}
#menu_en #panel2a {width:70px ; left:65px ; background-position: -65px 0;}
#menu_en #panel3a {width:139px ; left:135px ; background-position: -135px 0;}
#menu_en #panel4a {width:71px ; left: 275px; background-position: -275px 0;}
#menu_en #panel1a a:hover {background: url(menu_en.gif) 0 -19px no-repeat;}
#menu_en #panel2a a:hover {background: url(menu_en.gif) -65px -19px no-repeat;}
#menu_en #panel3a a:hover {background: url(menu_en.gif) -135px -19px no-repeat;}
#menu_en #panel4a a:hover {background: url(menu_en.gif) -275px -19px no-repeat;}

#menu_fr {position:relative ; left:365px ; top:60px ; width:367px ; height:19px ; }
#menu_fr li {height:19px ; position: absolute; background:url(menu_fr.gif) 0 0 no-repeat ; display:block ; list-style:none;}
#menu_fr a {height:19px ; display:block ;}
#menu_fr #panel1b {width:72px ; left:0px ;}
#menu_fr #panel2b {width:62px ; left:72px ; background-position: -72px 0;}
#menu_fr #panel3b {width:150px ; left:136px ; background-position: -136px 0;}
#menu_fr #panel4b {width:86px ; left: 287px; background-position: -287px 0;}
#menu_fr #panel1b a:hover {background: url(menu_fr.gif) 0 -19px no-repeat;}
#menu_fr #panel2b a:hover {background: url(menu_fr.gif) -72px -19px no-repeat;}
#menu_fr #panel3b a:hover {background: url(menu_fr.gif) -136px -19px no-repeat;}
#menu_fr #panel4b a:hover {background: url(menu_fr.gif) -287px -19px no-repeat;}