<style type="text/css">

.txt {
  font-family: Verdana;
  font-size: 12px;
  color: #004063;
}

.lien {
  color: #000000;
  font-family: Verdana;
  font-size: 11px;
}

.lien:hover {
  color: #8ca229;
  font-family: Verdana;
  font-size: 11px;
}

.tarifs {
  height: 80px;
  left: 29px;
  display: block;
  width: 150px;
  position: relative;
  background-image: url(images/a_voir_euro.jpg);
  background-repeat: no-repeat;
  float: left;
  clear: none;
  top: 30px;
}

.tarifs2 {
  height: 80px;
  left: 29px;
  display: block;
  width: 150px;
  position: relative;
  background-image: url(images/a_voir.jpg);
  background-repeat: no-repeat;
  float: left;
  clear: none;
  top: 30px;
}

.txt_rouge {
  color: #a51010;
  font-family: Verdana;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}
.txt_tarifs {
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
  text-decoration: none;
  width: 150px;
  font-family: Verdana;
  line-height: 20px;
  font-weight: bolder;
  text-align: center;
  display: block;
  height: 20px;
}
.txt_rouge:hover {
  text-decoration: underline;
  font-size: 12px;
  color: #a51010;
  font-family: Verdana;
  line-height: 20px;
}
.decouvrir {
  left: 29px;
  background-image: url(images/a_voir.jpg);
  background-repeat: no-repeat;
  width: 150px;
  top: 90px;
  display: block;
  position: relative;
  height: 80px;
  float: left;
}

div#comm {
  left: 29px;
  background-image: url(images/cadre_commercial.jpg);
  background-repeat: no-repeat;
  width: 150px;
  top: 60px;
  display: block;
  position: relative;
  height: 80px;
  float: left;
}

.decouvrirbas {
  left: 83px;
  background-image: url(images/a_voir.jpg);
  background-repeat: no-repeat;
  width: 150px;
  display: block;
  position: relative;
  height: 80px;
  float: left;
  top:30px;
}

div#comm_bas {
  left: 83px;
  background-image: url(images/cadre_commercial.jpg);
  background-repeat: no-repeat;
  width: 150px;
  display: block;
  position: relative;
  height: 80px;
  float: left;
  top:30px;
}

.txt_blanc_maj {
  font-family: Verdana;
  text-transform: uppercase;
  font-weight: bolder;
  display: block;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 12px;
}
.txt_blanc {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -1px;
  text-decoration: none;
}

.txt_blanc:hover {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 16px;
  text-decoration: underline;
}

.txt_blanc_ss {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
}

.txt_vert {
  font-family: Verdana;
  line-height: 20px;
  text-decoration: none;
  color: #8ca229;
  font-size: 12px;
}
.txt_vert:hover {
  font-family: Verdana;
  line-height: 20px;
  font-size: 12px;
  text-decoration: underline;
  color: #8ca229;
}
.logo {
  background-image: url(images/a_voir.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 80px;
  position: relative;
  top: 120px;
  left: 29px;
  float: left;
}
.logobas {
  background-image: url(images/a_voir.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 80px;
  position: relative;
  right: 29px;
  float: right;
  top:30px;
}

#commbasg {
  background-image: url(images/cadre_commercial.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 80px;
  position: relative;
  right: 29px;
  float: right;
  top:30px;
}

.txt_logo {
  text-transform: uppercase;
  color: #a51010;
  font-size: 12px;
  text-align: center;
  width: 150px;
  font-family: Verdana;
  font-weight: bolder;
  text-decoration: none;
  height: 20px;
}
.top {
  display: block;
  width: 613px;
  background-repeat: no-repeat;
  height: 102px;
  background-image: url(images/thawte.jpg);
  position: relative;
  top: 0px;
}
.tel {
  color: #8ca229;
  font-family: Verdana;
  font-size: 10px;
}
.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  color: black;
  font-weight: bolder;
  text-transform: uppercase;
}
.acheter {
  line-height: 18px;
  background-image: url(images/acheter.jpg);
  font-weight: bolder;
  text-transform: uppercase;
  font-family: Verdana;
  letter-spacing: -1px;
  display: block;
  font-size: 13px;
  background-repeat: no-repeat;
  text-align: center;
  text-decoration: none;
  color: white;
  width: 86px;
  height: 20px;
}
.acheter:hover {
  background-repeat: no-repeat;
  line-height: 18px;
  font-size: 13px;
  text-align: center;
  color: black;
  background-image: url(images/acheter_hover.jpg);
  letter-spacing: -1px;
  width: 86px;
  font-weight: bolder;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Verdana;
  display: block;
  height: 20px;
}
.comparer {
  font-size: 13px;
  color: white;
  width: 97px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bolder;
  height: 20px;
  line-height: 18px;
  display: block;
  background-repeat: no-repeat;
  font-family: Verdana;
  text-align: center;
  background-image: url(images/comparer.jpg);
  letter-spacing: -1px;
}
.comparer:hover {
  font-size: 13px;
  color: black;
  width: 97px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bolder;
  height: 20px;
  line-height: 18px;
  display: block;
  background-repeat: no-repeat;
  font-family: Verdana;
  text-align: center;
  background-image: url(images/comparer_hover.jpg);
  letter-spacing: -1px;
}
.renouveler {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bolder;
  background-repeat: no-repeat;
  font-family: Verdana;
  width: 107px;
  line-height: 18px;
  text-align: center;
  letter-spacing: -1px;
  display: block;
  font-size: 13px;
  background-image: url(images/renouveler.jpg);
  height: 20px;
}
.renouveler:hover {
  font-size: 13px;
  color: black;
  width: 107px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bolder;
  height: 20px;
  line-height: 18px;
  display: block;
  background-repeat: no-repeat;
  font-family: Verdana;
  text-align: center;
  background-image: url(images/renouveler_hover.jpg);
  letter-spacing: -1px;
}
.devis {
  font-size: 13px;
  color: white;
  width: 87px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bolder;
  height: 20px;
  line-height: 18px;
  display: block;
  background-repeat: no-repeat;
  font-family: Verdana;
  text-align: center;
  background-image: url(images/devis.jpg);
  letter-spacing: -1px;
}
.devis:hover {
  color: black;
  font-family: Verdana;
  background-image: url(images/devis_hover.jpg);
  line-height: 18px;
  text-align: center;
  font-weight: bolder;
  display: block;
  font-size: 13px;
  background-repeat: no-repeat;
  width: 87px;
  letter-spacing: -1px;
  text-transform: uppercase;
  text-decoration: none;
  height: 20px;
}


div#txt {
  text-align: justify;
  font-family: Verdana;
  width: 377px;
  height: 100%;
  float:right;
  right: 28px;
  font-size: 11px;
  top: 11px;
  position: relative;
  display: block;
}
div#txt1 {
  position: relative;
  height: 100%;
  font-size: 11px;
  text-align: justify;
  top: 10px;
  font-family: Verdana;
  display: block;
  width: 557px;
  right: 29px;
  float: right;
}

div#middle {
display:block;
position:relative;
width:613px;
top:10px;
}

div#bloc_gauche {
position : relative;
width: 150px;
height:100%;
float:right;
right:29px;
top:10px;
}

div#tarifs_gauche {
  position:relative;
  height: 80px;
  top:0px;
  display: block;
  width: 150px;
  background-image: url(images/a_voir_euro.jpg);
  background-repeat: no-repeat;

}
div#decouvrir_gauche {
  background-image: url(images/a_voir.jpg);
  background-repeat:no-repeat;
  display: block;
  width: 150px;
  height: 80px;
  top:60px;
  position:relative;

}

div#comm_gauche {
  background-image: url(images/cadre_commercial.jpg);
  background-repeat:no-repeat;
  display: block;
  width: 150px;
  height: 80px;
  top:30px;
  position:relative;

}

div#logo_gauche {
  background-image: url(images/a_voir.jpg);
  background-repeat: no-repeat;
  display: block;
  width: 150px;
  height: 80px;
  position: relative;
  top: 90px;
}


div#txt_gauche {
  position: relative;
  height: 100%;
  font-size: 11px;
  text-align: justify;
  top: 0px;
  font-family: Verdana;
  display: block;
  width: 407px;
  left: 29px;
  float: left;
}

div#txt_droite {
  position: relative;
  height: 100%;
  font-size: 11px;
  text-align: justify;
  top: 0px;
  font-family: Verdana;
  display: block;
  width: 370px;
  left: 29px;
  float: left;
}

div#boutons {
  position: relative;
  width: 613px;
  float:right;
  right: 0px;
  display: block;
  height: 20px;
  top: 40px;
}

.liste {
  font-family: Verdana;
  font-size: 11px;
  line-height:17px;
  list-style-image: url(images/puce_liste.jpg);
  list-style-position: outside;
  padding-left:30px;
}

.ssliste {
  font-family: Verdana;
  font-size: 11px;
  line-height:17px;
  list-style-image: url(images/puce.jpg);
  list-style-position: outside;
  padding-left:60px;
}

.tdhaut {
border: 1px solid white;
vertical-align: middle;
height: 40px;
text-align: center;
color: white;
font-size: 12px;
font-family: Arial,Helvetica,sans-serif;
background-color: #8ca229;
}
.cellgauche {
border: 1px solid white;
text-align: center;
background-color: #e1e2e2;
font-size: 14px;
height: 40px;
color: #666666;
font-family: Arial,Helvetica,sans-serif;
}

.lien_td {
  color: #666666;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: underline;
}

.lien_td:hover {
  color: #000000;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: underline;
}

.in {
border: 1px solid white;
height: 40px;
color: #666666;
text-align: center;
font-weight: normal;
font-size: 13px;
font-family: Arial,Helvetica,sans-serif;
background-color: #dae0c0;
display: table-cell;
width: 84px;
}

.in_rouge {
	border:1px solid white;
	height:40px;
	color:#a51010;
	text-align:center;
	font-weight:normal;
	font-size:13px;
	font-family:Arial,Helvetica,sans-serif;
	background-color:#dae0c0;
	display:table-cell;
	width:84px;
}

div#tablein {
  position: relative;
  height: 100%;
  top: 10px;
  left:30px;

}
div#baseline {
font-size: 14px;
text-transform: uppercase;
font-weight: bolder;
width: 613px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
color: black;
text-align: center;
float:right;
height: 20px;
bottom:40px;
background-image: url(images/trait.jpg);
background-repeat: no-repeat;
background-position:left center;
display:block;
}

.schema {
  width:201px;
  background-image: url(images/schema3b.jpg);
}

.schemab {
  width:201px;
  background-image: url(images/schema3c.jpg);
}

.schemabas {
  width:201px;
  background-image: url(images/schema3bas.jpg);
}

.schema2 {
  width:139px;
  background-image: url(images/schema5.jpg);
  background-repeat: no-repeat;
}

.schema2bas {
  width:139px;
  background-image: url(images/schema5bas.jpg);
  background-repeat: no-repeat;
}
#ss {
    height: 100px;
	width: 260px;
	margin-right:auto;
	margin-left:auto;
	padding-top:40px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#004063;
}

#menu2 ul {
	padding : 0;
	margin:0;
	list-style : none;
	text-align : left;
	
}

#menu2 {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color: #000000;
	text-decoration: none;
	width:70px;
	list-style:none;
	
}

#menu2 a {
        display : block;
        padding : 0;
        width : 70px;
}

#menu2 li { 
        float : left;
}

#menu2 li ul { 
        position: absolute;
		left: -999em;
}

#menu2 li ul li {
		height:220px;
		width:300px;
	    display: block;
	    background-image:url(images/sousliste.gif);
}


#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul {
        left: auto;
        min-height: 0; /* Corrige un bug sous IE */
}

.liste_blanc {
  font-family: Verdana;
  font-size: 11px;
  list-style-image: url(images/puce_blanc.jpg);
  list-style-position: outside;
  padding-left:20px;
}
.ucc_tech {
  height: 100%;
  width: 557px;
  margin-right:auto;
  margin-left:auto;
  background-color:#8ca229;
  position: relative;
  top: -5px;
  color: #ffffff;
}

.tech_title {
  width: 557px;
  margin-right:auto;
  margin-left:auto;
  color: #8ca229;
  font-size: 18px;  
  letter-spacing: -1px;
  font-weight: bolder;
  text-align:left;
  text-transform:uppercase;
  
}
.txt_blanc2 {
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
}

</style>