/*

lightblue: #3088CC
darkblue: #0055A0
grey: #999999
lightgrey: #D8D8D8
textblue: #9ED3F8
*/

html
{
}

body
{
font-size: 11px;
font-family: Arial, Trebuchet MS;
font-weight: normal;
text-align:center;
color: #999999;
}

ul, li, img, body, html
{
margin: 0;
padding: 0;
}

a
{
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

a img
{
border: 0;
}

h1 {
color: #085DA7;
}

h2 {
color: #3088CC;
font-weight: normal;
font-style: italic;
line-height: 15px;
margin:0;
padding-top: 5px;
padding-left: 5px;
}

h3 {
margin: 0;
font-weight: normal;
text-align: left;
font-size: 11pt;
line-height: 15px;
}

h4
{
margin: 0;
font-weight: normal;
font-size: 12px;
color: #676767;
}

h5
{
margin: 0;
line-height: 10px;
font-weight: normal;
font-size: 12px;
color: red;
}

h6
{
margin: 0px;
padding: 10px;
line-height: 20px;
font-weight: normal;
font-size: 12px;
color: #FFF;
}

h6 a
{
color: #FFF;
}

sup {
line-height: 10px;
}

#container
{
text-align: left;
width: 960px;
margin: auto;
/* background: #D8D8D8; */
}

#container ul,
#container ul li
{
list-style-type: none;
}

#logo
{
width:960px;
height:117px;
position:relative;
background: url(images/tagbg.jpg) no-repeat;
overflow:hidden;
}

#logoadresse {
position:absolute;
border-right: 1px dotted;
width: 117px;
right: 310px;
top: 54px;
}

#logotel {
position:absolute;
border-right: 1px dotted;
width: 129px;
right: 160px;
top: 54px;
}

#logoemail {
position:absolute;
right: 15px;
width: 129px;
top: 54px;
}

#logoemail a {
color: #999999;
}

#logoimage
{
position: absolute;
width: 167px;
height: 79px;
overflow: hidden;
left: 42px;
top: 15px;
}

#header
{
font-family: Trebuchet MS;
width: 940px;
height: 170px;
margin-left: 10px;
overflow: hidden;
background: url(images/header.jpg) no-repeat;
}

#visite {
width: 170px;
height: 28px;
margin-left: 25px;
position: relative;
top: 125px;
background: url(images/visite.jpg) no-repeat;
}

#visite p a {
color: #fff;
font-style: italic;
line-height: 28px;
margin-left: 50px;
font-size: 15px;
}

#bottom {
/* border: 1px solid; */
}

#accordion
{
float:left;
/* border: 1px solid; */
width: 225px;
margin-left: 10px;

background: #449DDE;
font-weight: normal;
text-align: left;
}

#accordion li {
font-size: 11pt;
line-height: 25px;
background: #449DDE url(images/menu_background.jpg) repeat-x;
border-top: 1px solid #A1CEEE;
padding: 4px 0px 0px 20px;
}

#accordion li a {
color: #FFF;
}

#accordion li ul li {
border:0;
font-size: 10pt;
line-height: 15px;
background: url(images/bullet_menu.jpg) no-repeat 25px 10px;
margin-left: -20px;
padding-left: 40px;
padding-right: 2px;
padding-bottom: 4px;
}

#accordion li ul li.active {
background: #085DA7 url(images/bullet_menu.jpg) no-repeat 25px 10px;
}

#accordion li ul li a {
color: #FFF;
margin-left: 
0px;
}

#accordion li ul li:hover {
background: #085DA7 url(images/bullet_menu.jpg) no-repeat 25px 10px;
}

#navbottom {
width: 225px;
background:#fff;
}

#maincontent {
float:right;
padding-right: 10px;
right: 10px;
width:700px;
text-align:left;
background: url(images/main_top.jpg) no-repeat top left;
}

#maincontent a {
color: #3088CC;
}

#maincontent p {
padding: 10px;
width: 680px;
font-family: Trebuchet MS;
font-size: 13px;
color:#676767;
margin: 0;
line-height: 15px;
}

#maincontent p.decale {
margin-left: 25px;
}

#maincontent ul li,
#maincontent ol li {
list-style-type:disc;
font-family: Trebuchet MS;
font-size: 13px;
color:#676767;
margin-top: 5px;
margin-left: 35px;
line-height: 15px;
}

#maincontent ol li {
list-style-type:decimal;
}

#index1,
#index2,
#index3,
#index4{
/* border:1px solid; */
width:330px;
height:150px;
}

#index1 p,
#index2 p,
#index3 p,
#index4 p {
font-family: Trebuchet MS;
width:230px;
color:#676767;
padding:0;
margin-top: 5px;
margin-left: 5px;
font-size: 11px;
}

#maincontent h2 {
width:230px;
}

#index3,
#index4 {
margin-top:20px;
}

#index1 {
float:left;
background: url(images/index1.jpg) no-repeat;
}

#index2 {
float:right;
background: url(images/index2.jpg) no-repeat;
}

#index3{
float:left;
background: url(images/index3.jpg) no-repeat;
}

#index4 {
float:right;
background: url(images/index4.jpg) no-repeat;
}

#footer {
font-family: Trebuchet MS;
float:left;
margin-top:20px;
/*border: 1px solid;*/
width: 960px;
height: 60px;
background: #D8D8D8 url(images/footer.jpg) no-repeat;
}

#footer h4 
{
float:left;
margin-top: 12px;
margin-left: 20px;
width: 130px;
font-size: 13px;
}

#mentionslegales,
#contacts,
#acces {
text-align: center;
/* border: 1px solid; */
margin-top: 12px;
margin-left: 0px;
float:left;
font-weight: bold;
}

#footer a {
color: #676767;
}

#mentionslegales {
margin-left: 107px;
width: 128px;
}

#contacts {
width: 74px;
}

#acces {
width: 141px;
}

#abigo {
float:left;
width: 134px;
height: 115px;
background: url(images/partner_abigo.jpg) no-repeat;
}

#abigo p,
#drfalk p,
#esteer p,
#hedinger p,
#inresa p,
#paddocklabs p {
width: 134px;
margin: 0px;
padding-top: 115px;
text-align:center;
font-size: 12px;
}

#abigo p a,
#drfalk p a,
#esteer p a,
#hedinger p a,
#inresa p a,
#paddocklabs p a {
color: #666666;
}

#abigo,
#drfalk,
#esteer,
#hedinger,
#inresa,
#paddocklabs {
float:left;
width: 134px;
height: 115px;
margin-top: 10px;
margin-left: 2px;
}

#drfalk {
background: url(images/partner_drfalk.jpg) no-repeat;
}

#esteer {
background: url(images/partner_esteer.jpg) no-repeat;
}

#hedinger {
background: url(images/partner_hedinger.jpg) no-repeat;
}

#inresa {
background: url(images/partner_inresa.jpg) no-repeat;
}

#paddocklabs {
margin-top: 50px;
background: url(images/partner_paddocklabs.jpg) no-repeat;
}


#plan {
float:left;
width: 700px;
height: 277px;
background: url(images/plan.jpg) no-repeat;
}

#plan p.planadresse {
padding: 2px;
float:right;
margin-top: -20px;
font-size: 12px;
color: #666666;
height: 273px;
width: 171px;
background: url(images/photo_batiment.jpg) left bottom no-repeat;
}

#plan p.planadresse a {
color: #666666;
}

#planacces {
margin-top: 10px;
float:left;
width: 700px;
height: 70px;
background: url(images/bg_direction.jpg) no-repeat;
}

#planacces p.plandirection1,
#planacces p.plandirection2,
#planacces p.plandirection3 {
float:left;
padding: 0px;
margin-top: 15px;
margin-left: 40px;
font-size: 12px;
color: #666666;
height: 50px;
}

#planacces p.plandirection1
{
width: 180px;
}

#planacces p.plandirection2
{
width: 165px;
}

#planacces p.plandirection3
{
width: 210px;
}

#BGcontacttitre,
#PRcontacttitre,
#EGcontacttitre,
#MNcontacttitre,
#YAcontacttitre,
#MBcontacttitre,
#SRcontacttitre,
#CMcontacttitre {
float:left;
width: 240px;
height: 70px;
padding-left: 110px;
}

#BGcontacttitre p,
#PRcontacttitre p,
#EGcontacttitre p,
#MNcontacttitre p,
#YAcontacttitre p,
#MBcontacttitre p,
#SRcontacttitre p,
#CMcontacttitre p {
width: 220px;
font-size: 12px;
color: #666666;
}

#contacttel,
#contactemail {
float:left;
margin-top: 25px;
padding-left: 30px;
height: 20px;
}

#contacttel {
border-left: 1px dotted;
border-right: 1px dotted;
width: 128px;
background: url(images/icone_telephone.jpg) 10px 50% no-repeat;
}

#contactemail{
width: 160px;
background: url(images/icone_email.jpg) 10px 50% no-repeat;
}

#contacttel p,
#contactemail p {
margin: 0px;
padding: 2px;
font-size: 12px;
color: #666666;
height: 16px;
}

#contacttel p {
width: 146px;
}

#contactemail p {
width: 186px;
}

#contactemail p a {
font-size: 12px;
color: #666666;
}

#line {
float:left;
margin-top: 10px;
}

#line p {
border-top: 1px dotted;
}

#BGcontacttitre {
background: url(images/photo_BG.jpg) 0px 50% no-repeat;
}

#SRcontacttitre {
background: url(images/photo_SR.jpg) 0px 50% no-repeat;
}

#PRcontacttitre {
background: url(images/photo_PR.jpg) 0px 50% no-repeat;
}

#EGcontacttitre {
background: url(images/photo_EG.jpg) 0px 50% no-repeat;
}

#MNcontacttitre {
background: url(images/photo_MN.jpg) 0px 50% no-repeat;
}

#YAcontacttitre {
background: url(images/photo_YA.jpg) 0px 50% no-repeat;
}

#MBcontacttitre {
background: url(images/photo_MB.jpg) 0px 50% no-repeat;
}

#CMcontacttitre {
background: url(images/photo_CM.jpg) 0px 50% no-repeat;
}

#plan {
float:left;
border: 1px
width: 700px;
height: 277px;
background: url(images/plan.jpg) no-repeat;
}

#plan p.planadresse {
padding: 2px;
float:right;
margin-top: 0px;
font-size: 12px;
color: #666666;
height: 273px;
width: 171px;
background: url(images/photo_batiment.jpg) left bottom no-repeat;
}

#plan p.planadresse a {
color: #666666;
}

#planacces {
margin-top: 10px;
float:left;
width: 700px;
height: 70px;
background: url(images/bg_direction.jpg) no-repeat;
}

#planacces p.plandirection1,
#planacces p.plandirection2,
#planacces p.plandirection3 {
float:left;
padding: 0px;
margin-top: 15px;
margin-left: 40px;
font-size: 12px;
color: #666666;
height: 50px;
}

#planacces p.plandirection1
{
width: 180px;
}

#planacces p.plandirection2
{
width: 165px;
}

#planacces p.plandirection3
{
width: 210px;
}

#video {
padding-top: 30px;
height: 360px;
width: 700px;
text-align: center;
}

#prestations {
float: left;
width: 700px;
height: 300px;
padding-bottom: 20px;
background: url(images/prestations.jpg) right no-repeat;
}

#prestations p,
#prestations ul {
width: 420px;
}

#bloc_ligne {
border-top: 1px solid;
margin-top: 20px;
padding-top: 20px;
}

#entreprise p.membre_reseau {
margin-left: 10px;
padding-top: 70px;
padding-left: 10px;
font-size: 16px;
background: url(images/membre_du_reseau_p.jpg) 0 0 no-repeat;
height: 40px;
}

#entreprise ul {
padding-top: 20px;
width: 500px;
height: 300px;
padding-left: 200px;
background: url(images/inresa_devant.jpg) 0 0 no-repeat;
}