/* CSS Document */

/*---------------------------------------mise en page globale---------------------------------------*/
*{
outline:0 none;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
}
body {
font-size:12px;
text-align:center;
background:url(images/bg_xrep3.gif) repeat-x #dbdbdb;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

a span{cursor:pointer;}

#global {
position:absolute;
width:778px;
height:auto;
left:50%;
margin-left:-389px;
text-align:left;
}
#contener {
width:770px;
margin:auto;
padding: 0 4px 0 4px;
background: url('images/ombre2.png') repeat-y;
}
.imgfloatleft {
float:left;
}
.imgfloatright {
float:right;
}

.pagetitre{
width:auto;
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-weight:bold;
font-size:16px;
color:#ffffff;
padding-left:5px;
background-color:#ba0000;
}


/*---------------------------------------En-tête (bannière)---------------------------------------*/
#header {
width:770px;
height:163px;
background-image:url(images/header_bg.gif);
background-repeat:repeat-x;
} 
#bangauche {
width:170px;
height:163px;
float:left;
}
#bang_hg {
width:160px;
height:19px;
padding: 40px 0px 0px 10px;
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-size:18px;
color:#000000;
}
#bang_bg {
width:160px;
height:auto;
padding: 30px 0px 0px 10px;
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-size:13px;
color:#ffffff;
font-weight:bold;
}
#logo {
width:430px;
height:163px;
float:left;
background:url(images/logo.jpg) no-repeat;
}
#bandroite {
width:170px;
height:163px;
float:left;
}
#bang_hd {
width:160px;
height:19px;
padding: 40px 10px 0px 0px;
text-align:right;
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-size:18px;
color:#000000;
}
#bang_bd {
width:160px;
height:auto;
padding: 20px 0 0 10px;
font-size:13px;
color:#000000;
font-weight:bold;
}
.bang_bdli {
padding-left:10px;
list-style-type:none;
} 

/*--------------------------------------- homepage 1er niveau---------------------------------------*/
#tofscontener {
width:317px;
height:267px;
float:left;
background-color:#ffffff;
border-bottom:1px solid #434343;
}
#tofszone {
padding:20px 0px 0px 20px;
}
.separateur1 {
height:2px;
padding:0px 20px 0px 20px;
margin:20px 0px 20px 0px;
background:url(images/separateur.gif) repeat-x;
overflow:hidden;
}
#annoncecontener {
width:214px;
height:267px;
float:left;
background-color:#ba0000;
border-right:1px solid #434343;
border-bottom:1px solid #434343;
}
#annoncezone {
padding:20px 20px 0px 20px;
}
#txtannonce1 {
font-size:13px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-style: italic;
font-weight: bold;
}
#txtannonce2 {
margin:0 0;
padding-bottom:20px;
text-align:center;
font:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size: 16px;
}
#telephone{
height:37px;
padding:8px 0px 0px 45px;
background:url(images/telephone.gif) no-repeat;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
}
#right{float:left;width:238px;}
#menucontener {
height:230px;
padding:17px 20px 20px 20px;
background:url(images/menu_bg2.gif) repeat-x;
border-bottom:1px solid #434343;
}
dl#menu {
font-family:  Arial, Helvetica, Geneva, sans-serif;
font-size: 14px;
color: #000000;
font-weight: bold;
}
dt.menuli {
padding-left:35px;
background:url(images/separateur.gif) repeat-x left bottom;
}
dt.last {
background-image:none;
}
dl#menu a{color:#FFFFFF;text-decoration:none;}
dl#menu a:hover {color:#313131;}
dl#menu  a.on{color:#000000;}

dl#menu a span {
display:block;
padding:15px 0px 15px 15px;
background:url(images/pucet.gif) no-repeat left center;
text-transform:uppercase;
/*width:auto !important;
width:148px;*/
}

/*--------------------------------------- homepage 2nd niveau---------------------------------------*/
#planzone {
width:770px;
padding-bottom:20px;
padding-top:20px;
background-color:#d2d2d2;
text-align:left;
font-size:11px;
border-top:1px solid #e4e4e4;
float:left;
}

#plan {
width:560px;
height:600px;
margin-left:20px;
background:url(images/plan_acces.gif) no-repeat top left;
float:left;
}

#arbo {
width:560px;
height:600px;
float:left;
background-color:#FFFFFF;
}
#plandetails {
width:150px;
height:600px;
margin-left:20px;
float:left;
}
#plandetails a{
color:#FFFFFF;
}
#plandetails a:hover{
color:#FFFFFF;
text-decoration:none;
}
.adresse {
text-align:right;
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-weight:bold;
font-size:15px;
color:#ba0000;
}

#distancescontener {
width:150px;
margin:0px 0px 20px 0px;
background-color:#ba0000;

font-weight:bold;
}
#distancestop {
width:150px;
height:4px;
background:url(images/top_distancadre.gif) no-repeat top left;
}
#distzonetext {
width:130px;
padding:0px 10px 0px 10px;
}
#distzonetext p{
text-align:center;
}

#imgcenter{ margin:5px 0 5px 15px;}

#distzonetext p.b{text-align:justify; font-size:11px; font-weight:normal;}

#distancesbas {
width:150px;
height:4px;
background:url(images/bas_distancadre.gif) no-repeat;
}
.separateur {
height:2px;
padding:0px 20px 0px 20px;
margin:10px 0px 10px 0px;
background:url(images/separateur.gif) repeat-x;
overflow:hidden;
}
#via {
margin-left:20px;
margin-top:10px;
color:#ba0000;
}
#via a{
color:#ba0000;
}
#via a:hover{
color:#000000;
}
#p_adresse{
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-weight:bold;
font-size:15px;
color:#ba0000;
margin-top:40px;
margin-left:20px;
}
/*------------------------------------------- Services ------------------------------------------*/
#zonetexte{
width:492px;
padding:20px;
background-color:#ffffff;
float:left;
}
dl#services {
font-family:  Arial, Helvetica, Geneva, sans-serif;
color: #000000;
}
#services dd {
padding:0px 0px 0px 35px;
background:url(images/puce_checked.gif) no-repeat 20px center;
}
dt.servicesli {
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-weight:bold;
font-size:16px;
color:#ba0000;
text-transform:uppercase;
border-bottom:1px dashed #666666;
border-top:1px dashed #666666;
margin:10px 0px 10px 0px;
padding:3px 0px 3px 20px;
background:url(images/puce_greyround2.gif) no-repeat left 5px;
}
dt.serviceslilast {
border-bottom:none;
}

#tofz {
width:198px;
margin:20px;
background-color:#e5e5e5;
}
#tofz img{width:198px;}
img.tof {
margin-bottom:18px;
}
/*------------------------------------------- references / Contacts ------------------------------------------*/
dl#references {
font-family:  Arial, Helvetica, Geneva, sans-serif;
color: #000000;
}
#references dd {
padding:0px 35px 5px 35px;
text-align:justify;
border-bottom:1px dashed #d2d2d2;
}
#references dd.intro {
padding:0px 35px 0px 35px;
text-align:justify;
border-bottom:none;
}
dt.referencesli {
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-weight:bold;
font-size:16px;
color:#ba0000;
text-transform:uppercase;
border-bottom:1px dashed #666666;
border-top:1px dashed #666666;
margin:10px 0px 10px 0px;
padding:3px 0px 3px 20px;
background:url(images/puce_greyround3.gif) no-repeat left 5px;
}
.messagetitre{
width:auto;
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
font-weight:bold;
font-size:16px;
color:#ffffff;
padding-left:5px;
background-color:#ba0000;
}
.message{
font-size:12px;
}
.contact{ background:url(images/puce_greyclear.gif) no-repeat left center; margin-top:15px; padding-left: 25px; font-size:1em;}

label 
{ /* Alignement des champs du formulaire de contact */
     display:block;
     width:150px;
     float:left;
}


/*------------------------------------------- Partenaires ------------------------------------------*/
dt.partenairesli {
text-transform:uppercase;
border-bottom:1px dashed #666666;
margin:10px 0px 10px 0px;
padding:3px 0px 3px 20px;
}
dt.partenairesli a{color:#ba0000; font-weight:bold;}

/*------------------------------------------- pied de page ------------------------------------------*/
#piedzone {
width:770px;
height:48px;
background-image:url(images/pied2page_bg.gif);
background-repeat:repeat-x;
border-bottom:1px solid #434343;
border-top:1px solid #434343;
}
#ombrebas {
width:778px;
height:6px;
overflow:hidden;
background-image:url(images/ombrebas.gif);
background-repeat:no-repeat;
}
ul#credit{
text-align:center;
font-size:11px;
margin:0;
padding-top:6px;
font-family: Arial, Helvetica, Geneva, sans-serif;
color:#FFFFFF;
text-decoration:none;
list-style-type:none;
}
.creditli{
display:inline;
padding:0px 10px 0px 10px;
border-right:1px solid #FFFFFF;
}
.creditlilast{
display:inline;
padding:0px 10px 0px 10px;
border-right-style:none;
}
#a-footer{
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
#a-footer:hover{
color:#000000;
font-weight:normal;
text-decoration:none;
}
#h1footer{
font-family:"Trebuchet MS", Helvetica, "Century Gothic", Arial;
padding-top:1px;
font-size:16px;
color:#000000;
text-align:center;
font-weight:bold;
}
#credits{
font-size:10px;
color:#666666;
text-align:right;
padding-bottom:1em;
}
#credits a{
text-decoration:none;
color:#ba0000;
}
#credits a:hover{
color:#ba0000;
}