/* --- PAGE --- */
html { font-size: 100%; }
body {
margin: 0;
padding: 0;
font-size: .75em;
font-family: verdana, sans-serif;
line-height: 1.5;
color: #666666;
background: #ffffff url(img/bg.jpg) top repeat-x;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. */
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.25em;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
.centrer {
text-align: center;
}
p {
    margin: .75em 0; /* Marges plus faibles que par défaut */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* images */
img { 
margin: 0;
padding: 0;
border: none; 
}

/* Liens */
a { color: #666666; }
a img { border: none; }

/* Divers éléments de type en-ligne */
em { font-style: italic; }
strong { font-weight: bold; }

/* --- POSITIONNEMENT --- */
#global {
margin:0 auto;
width:900px;
}
/* -- En tete -- */
#entete {
margin:0;
padding:0;
height: 180px;
overflow: hidden;
}
#entete h1, #entete p {
line-height: 0;
margin: 0;
padding:0;
}
/* menu navigation */
#entete ul {
height: 40px;
list-style-type: none;
margin: 0;
padding-left: 200px;
background: transparent url(img/fond_menu.jpg) left top no-repeat;
font-weight: bold;
}
#entete ul li {
float: left;
border-right: #cccccc 1px solid;
border-left: #ffffff 1px solid;
padding: 0 2em;
margin: 11px 0 0 0;
}
#entete ul li.first {
border-left: none;
padding-left: 0;
}
#entete ul li.last {
border-right: none;
padding-right: 0;
}
#entete ul li a {
color: #0066cc;
text-decoration: none;
}
/* -- Tétière -- */
#tetiere {
height: 115px;
background: transparent url(img/fd-chauffe-eau-thermodynamique.jpg) left top no-repeat;
overflow: hidden;
padding: 0 0 0 30px;
}
#tetiere h1 {
margin: 0;
}
#tetiere p.accroche {
margin: 0.5em 0 0 0;
}
/* -- Contenu -- */
#contenu {
background: #ffffff url(img/arrondi-haut.gif) left top no-repeat;
padding: 1em 30px;
overflow: hidden;
}
#contenu h2 {
padding: 1px 0 5px 25px;
color: #00a3d9;
background: transparent url(img/fleche_bleu.gif) left top no-repeat;
}
#contenu h4 {
color: #00a3d9;
}
#contenu p.visuel {
float: left;
margin: 0 20px 0 0;
}

#contenu #col_gauche {
float: left;
width: 405px;
}
#contenu #col_droite {
margin-left: 435px;
}

/* Mise en forme des formulaires */
#form_haut {
height: 10px;
background: white url(img/form-haut.gif) left top no-repeat;
overflow: hidden;
}
#form_bas {
height: 10px;
background: white url(img/form-bas.gif) left top no-repeat;
}
form {
background-color: #e5f6fb;
padding: 1px 10px 1px 10px;
margin:0;
}
form legend {
color: #00a3d9;
}
form p {
margin: 1em 1em;
}
/* -- 3 blocs infos -- */
#blocs_infos {
clear: both;
margin-top: 1em;
}
#blocs_infos ul {
border-top: #999999 1px dotted;
margin: 0;
padding: 0;
list-style-type: none;
}
#blocs_infos ul li {
width: 290px;
float: left;
padding:0;
margin: 10px 15px 10px 0;
}
#blocs_infos ul li.last {
margin: 10px 0;
}
/* -- Pied de page -- */
#pied_page {
clear: both;
border-top: #999999 1px dotted;
padding-top: 5px;
text-align: center;
margin-bottom: 2em;
}
#pied_page ul {
list-style-type: none;
margin: 0;
padding:0;
font-size: 0.8em;
}
#pied_page ul li {
display: inline;
border-right: #999999 1px dotted;
padding: 0 0.8em 0 0.8em;
margin: 0;
}
#pied_page ul li.last {
border-right: none;
}
#pied_page ul li a {
color: #666666;
text-decoration: none;
}

.UE{
	border-top:1px solid #CCCCCC;
	padding:5px 0 0 0;
	text-align:center;
}
.TextUE{
	text-align:center;
}