body {  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin: 0; padding: 0; text-align: left; background: #FFFFFF url(../images/filet.jpg) repeat-x top left; }

img { border:0px; }

/* --------- Accueil --------- */
#container { position: relative; width: 802px; height: 602px; margin-left: auto; margin-right:auto; margin-top: 0px; text-align: left; background-color: #FFF; background-image:url(../images/fond.jpg); background-position: top left; background-repeat: no-repeat; }

/* --------- Header --------- */
#header { height:135px; width:800px; }
#header_logo { width: 200px; height:135px; }
#header_logo a { display:block; cursor:pointer; width: 200px; border:1px solid #00000; height:135px; }
#encart_solarite { width: 200px; margin: -80px 0px 0px 350px; border:1px solid #00000; height:50px;}

/* --------- contenu --------- */
#contenu { height:402px; width:800px; padding:0px; margin:0px;  }
#main_nav { width: 220px; margin: 50px 0px 0px 0px; height:402px; font-size:0.8em }

#main_nav ul { list-style-type:none; list-style-position:inside; padding:0px; margin:0px; }
#main_nav ul li {  padding:5px 0px 0px 0px; margin:0px 0px 0px 15px; }
#main_nav ul li a { color:#FFFFFF; background:transparent url(../images/puce_nav_off.gif) 4px 5px no-repeat; padding:2px 0px 0px 20px; text-decoration:none; display:block; height:20px; }
#main_nav ul li.taille_1 a:hover, #main_nav ul li.taille_1 a.on { color:#FF7F00; background:transparent url(../images/puce1_nav_on.gif) 0px -2px no-repeat; }
#main_nav ul li.taille_2 a:hover, #main_nav ul li.taille_2 a.on { color:#FF7F00; background:transparent url(../images/puce2_nav_on.gif) 0px -2px no-repeat; }
#main_nav ul li.taille_3 a:hover, #main_nav ul li.taille_3 a.on { color:#FF7F00; background:transparent url(../images/puce3_nav_on.gif) 0px -2px no-repeat; }
#main_nav ul li.taille_4 a:hover, #main_nav ul li.taille_4 a.on { color:#FF7F00; background:transparent url(../images/puce4_nav_on.gif) 0px -2px no-repeat; }



#main_nav ul li ul li {  padding:2px 0px 0px 0px; }
#main_nav ul li ul li a { background:none; padding:0px 0px 0px 10px; text-decoration:none;  }
#main_nav ul li.taille_1 ul li a:hover, #main_nav ul li.taille_1 ul li a.on, #main_nav ul li.taille_2 ul li a:hover, #main_nav ul li.taille_2 ul li a.on, #main_nav ul li.taille_3 ul li a:hover, #main_nav ul li.taille_3 ul li a.on, #main_nav ul li.taille_4 ul li a:hover, #main_nav ul li.taille_4 ul li a.on { background:transparent url(../images/puce_snav_on.gif) 0px -2px no-repeat; color:#FF7F00; }

#Support {  margin: -470px 0px 0px 220px; width:340px; height:360px; position:absolute; overflow:hidden; float:left; background:transparent url(../images/fond_contenu.gif) no-repeat bottom right; }
#content {  padding:5px 10px 20px 10px; position:absolute; background:transparent url(../images/fond_content.gif) repeat-y top left; width:310px; }
#content p { color:#FFFFFF; font-size:0.9em; text-align:justify;  margin:5px 0px 20px 0px;  }
#content h1 { color:#FFFFFF; font-size:1.3em; font-weight:bold; margin:5px 0px 0px 0px; }
#content h2 { color:#E0E0E0; font-size:1.2em; font-weight:bold; margin:5px 0px 5px 10px;  }
#content h3 { color:#FFFFFF; font-size:1.1em; font-weight:bold; font-style:italic; margin:5px 0px 5px 15px; }
#content small { color:#FFFFFF; font-size:0.8em; font-weight:normal;}
.orange { color:#FF7F00; }
.gris { color:#E0E0E0; }
#content strong { color:#FFF; font-weight:bold; }
#content a { color:#E0E0E0; font-weight:normal; text-decoration:underline; }
#content a:hover { color:#FF7F00; font-weight:normal;}
#content ul { list-style-type:none; margin:0px; padding:0px; color:#FFF; }
#content ul li { margin:5px 5px 5px 20px; padding:0px; list-style-image:url(../images/puce_niv1.gif) }
#content ul li a { color:#FFFFFF; text-decoration:none; font-size:0.9em; }
#content ul li ul { }
#content ul li ul li { list-style-image:url(../images/puce_niv2.gif) }
#content ul li ul li a { color:#E0E0E0; text-decoration:none; font-size:0.9em; }
#content ul li ul li a:hover { color:#FFF; }


#texte_pres { width: 214px; top:200px; left:570px; height:81px; position:absolute; }
#illustration { width: 238px; height:202px; top:300px; left:562px; background:transparent url(../images/encart_illus.jpg) no-repeat;  position:absolute; padding:10px; }
#bouton {color:#FFF; font-size:0.9em; font-weight:bold; position:absolute; top:485px; left:480px }
#bouton a{ color:#FFF; text-decoration:none; }
#bouton a:hover{ color:#FF7F00; }

/* --------- Footer --------- */
#footer { width:800px; padding:3px 0px 0px 0px;  margin: -50px 0px 0px 0px; }
#recommander { width: 200px; margin:0px 0px 0px 0px; border:1px solid #00000; }
#recommander span { color:#000; font-size:0.8em; padding:0px 0px 0px 0px; height:5px; float:left; margin:0px 0px -20px 0px; }
#recommander input { background: url(../images/fond_reco.jpg) top left no-repeat ; border:0px; padding:3px 2px 3px 10px; color:#FFFFFF; height:23px; width:156px; margin:15px 0px 9px 0px; }
#recommander input.btn { background:transparent; padding:0px; _padding:0px 0px 9px 0px; width:34px; margin:0px 0px 2px -12px; height:23px; }

#partenaires { width: 200px; margin: -65px 0px 0px 230px; }
#partenaires span { font-size:0.8em; padding:0px; }
#partenaires img { border:none; }

#trans_nav { margin: -20px 0px 0px 300px; float:right; font-size:0.8em;  }
#trans_nav a { text-decoration:none; color:#000000; }
#trans_nav a:hover, #trans_nav a.on { text-decoration:none; color:#FF7F00; }

#trans_nav a.hlines{ font-weight:bold; color:#FF7F00; }
#trans_nav a.hlines:hover{ font-weight:bold; color:#FFF; }