body, table, div, p, ul, li, h1, h2, h3, form, img { margin:0; padding:0;}

body {
  background: url(../images/background_general.jpg) repeat-x #0073b9;
  text-align:center; /* centrer le site ie 6*/
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  font-family:Verdana;
  font-size:12px;
  width:950px;
  /*position:relative;*/ /* FIX IE REDIMENSIONNEMENT FENETRE */
  }
a {
  color:#ffffff; 
  text-decoration:none;}
a:hover {
  text-decoration:underline;
  }
a img {border:none}


#col_center p {
  margin:10px 50px 8px 30px;
  text-align:justify;}

#col_center a { color:#888888; }

#header {
  width:950px;
  height:14px;
  background: url(../images/background_header.jpg) no-repeat top left;
}

#global {
  width:950px;
  text-align:left; /*correction ie */
  background: url(../images/background_global.jpg) repeat-y top left;
  position: relative;
  }
  
#col_left {
  width:220px;
  padding:0 25px 0 25px;
  float:left;
}
#col_center {
  float:left; 
  width:659px;
}

/***********************/
/* SIMULATEUR & APPEL */
/*********************/
h1 { 
  font-size:12px; 
  color:#888888;
  width:212px;
  height:95px;
  margin-bottom:25px;
}

h1 img {
  float:right;
  }

h1#simulateur {
  background: url(../images/background_simulateur.jpg) no-repeat top left;
}

hl#devis {
  background: url(../images/background_devis.jpg) no-repeat top left;
}

/* FORMULAIRE CALLBACK */
h1 form, h1 span {
  display:block;
  color:#000000;
  font-size:10px;
  padding:52px 0 0 4px;
  width:200px;
}

h1#appel {
  background: url(../images/background_appel.jpg) no-repeat top left;
}

input.appel { 
  width:138px; 
  margin:0 15px 3px 11px;
  font-size:11px;
  padding:0;
}

input#callback_tel {
  padding-top:-15px;
  }


.btn {
  background: url(../images/btn_ok.jpg) no-repeat top left;;
  color:#ffffff;
  width:25px;
  height:25px;
  border:none;  
  cursor:pointer;
  margin-top:-40px;
  float:right;
}
/***********/
/* TITRES */
/*********/


h2 { /* TITRE DE LA PAGE */
margin:20px 0 15px 20px;
color:#0073b9;
font-size:18px;
}

/* BASELINE EN DESSOUS H2*/
h3 {
  color:#888888;
  font-size:13px;
  margin:-15px 0 15px 20px;
}

/* SOUS-PARTIE */
h4 { 
  color:#888888;
  font-size:13px;
   margin:25px 0 10px 29px;
}
 /* FORMULAIRE SIMULATEUR*/
h5 {
  font-size:11px;
  margin:25px 0 0 30px;
  }


/**************/
/* MENU FIXE */
/************/
ul {
list-style-type:none;
}
ul#menu {
  padding:39px 0 30px 0; 
  }

ul#menu li{
  border-top: 1px solid #dedede;
   }

ul#menu li {
  display:block;
  width:215px;
}

ul#menu a {
  font-size:12px;
  color:#888888;
  font-weight:bold;
  display:block;
  padding-top:5px;
  padding-bottom:5px;
  }
/******************/
/* MENU DEROULANT */
/******************/
ul.sousmenu {
  display:none;
  font-size:11px;
  font-weight:bold;
  position:absolute; 
  left:240px;
  margin-top:-25px;
 }

ul.sousmenu li {
  width:270px !important; 
  border-left:1px solid #dedede;
  border-right:1px solid #dedede;
  background-color:#ffffff;
  }

/* Bordure en bas sur dernier élément du menu déroulant */ 
li.borderbottom  { 
  border-bottom:1px solid #dedede;
}

ul.sousmenu a {
  display:block;
  width:265px;
  font-size:11px !important;
  padding-left:5px;
  }
ul.sousmenu a:hover {
  background-color:#0073b9;
  color:#ffffff !important;
}
.fleche {
  background:url(../images/arrow_grey.jpg) no-repeat center right;
  }
.fleche:hover {
  background:url(../images/arrow_blue.jpg) no-repeat center right;
  }

ul#offre li {width:170px !important;}
ul#offre a {width:165px;}

a.arrow_blue {
  background:url(../images/arrow_grey.jpg) no-repeat #ffffff center center;
}
a.arrow_blue:hover {
  background:url(../images/arrow_white.jpg) no-repeat #0073b9 center center;
}
/******************/
/* MENU 3e NIVEAU */
/*****************/
ul.sousmenu2 {
  display:none;
  position:absolute;
  left:171px; 
  margin-top:-24px; 
  background-color:#cd0220; }


/* Marge qui sommes nous / contact */
#contact img {
  margin-top:25px;
  margin-bottom:10px;}
  
/* infos contact en bas a gauche*/
span#info {
  font-size:11px; 
  color:#999999;
  line-height:11pt; /* définit l'interligne*/
  } 
  

#footer { 
  background: url(../images/background_footer.jpg) no-repeat top left;
  padding-top:26px;
  height:21px;
  clear:both;
  }
  
#footer p {
  margin:0;
  font-size:10px;
  text-transform:uppercase;
  color:#ffffff;
  text-align:center;
  letter-spacing:-1px;}
  
/*****************/
/* CLASSES */
/**************/
ul.liste {margin-left:45px;}

ul.liste li {
  list-style-image:url(../images/puce.jpg);
}
.blue {
color:#0073b9;
}
.green {
color:#093;
}
.grey {
color:#666;
}
.red {
  color:#cd0120;
}
.black {
  color:#000000;
}
.error {
  color:#cd0120;
  }
a.mailto {
  color:#999999 !important;
  text-decoration:underline;
}
p.fil {
  margin:10px 0 0 20px !important; 
  color:#888888;
} 
p.marginbottom {
  margin-bottom:30px !important;
  }
.source {
  text-align:right;
  color:#a3a3a3;  
  }
  
.cadre {
  border:1px solid #dedede;
  padding:6px;
    margin:4px 25px 4px 4px ;
}
.video {
width:320px;
height:296px;
  margin-left:150px;
   border:1px solid #dedede;
     padding:8px;
  }
  
#brochure{
 float: right;
 text-align:center;
 margin: 0 0 15px 15px;	
 background: #eee;
 padding: 10px;
}

#brochure a{color:#0073B9}
#brochure img{margin-top: 10px;}

/* TOOLTIP */  
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }