* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
background:#FCD8A0 url(img/body_fond.jpg) repeat-x;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Flash & D?co *****/

div#conteneur_flash {
width:958px;
height:261px;
background:url(img/entete_fond.jpg) no-repeat;}

div#entete_flash {
width:958px;
height:261px;
/*background:url(img/entete_flash.jpg) no-repeat;*/}


/***** Stylage contenu *****/

/* Actualit?s */

dl#actualites{ 
padding:10px 0;
overflow:hidden;
position:relative;
width:660px;}

dl#actualites dt{ 
width:100%;
border-bottom:1px solid #B91E10;
font-size:120%;
font-weight:bold;
letter-spacing:2px;
padding-bottom:10px;
margin-bottom:10px;}

dl#actualites dd.date{ 
position:absolute;
top:2px;
right:10px;}

dl#actualites dd img{ 
float:left;
width:150px;
margin-right:10px;
border:1px solid #B91E10;}

div#edf{
position:absolute;
top:-160px;
left:95px;
background:url(img/edf_2009.png) no-repeat;
width:73px;
height:73px;}

h1, .invis {
position:absolute;
top:-9999px; }

div#tableau table {
margin: 10px;
border-top:1px solid #000;
border-right:1px solid #000;
}

div#tableau table td, tr, th {
border-bottom:1px solid #000;
border-left:1px solid #000;
width : 300px;
height :20px;
padding:3px;
}

div#presentation_texte h3{
padding: 5px;
text-decoration : underline;
margin-top :5px;
}

/* Fiche conseil */

ul#conseil li {
margin-bottom:15px;
list-style:none;}

ul#conseil li dl  dt{
text-transform:uppercase;
padding-bottom:10px;
font-weight:bold;}

ul#conseil li dl dd.img {
padding:20px 0;}

ul#conseil li dl  dd.img img {
padding:3px;
margin-right:20px;
border:1px solid #5A2C19;
width:150px;
height:100px;
margin-bottom:10px;}


/* fiche */

dl#fiche  {
padding:30px 0;
position:relative;}

dl#fiche dt {
text-align:left;
width:550px;
padding-bottom:20px;
font-weight:bold;
font-size:130%;}

dl#fiche dd.description {
text-align:left;
letter-spacing:1px;
font-size:95%;
text-align: justify;}

dl#fiche dd img {
float:left;
border:1px solid #000;
margin-right:10px;
margin-bottom:10px;}

dl#fiche dd.img_dd{
margin:10px;}

table#gamme{
border:1px solid #000;
width:100%;
padding:2px;}

table#gamme caption{
text-align:left;
width:100%;
font-size:120%;
font-weight:bold;
padding:10px 0;}

table#gamme tbody tr#titre th {
text-align:center;
padding:10px;
background:#D7B68B;}

table#gamme tbody tr.liste td{
border-bottom:1px solid #FFE3BF;
text-align:center;
padding:10px;
background:#FFE3BF;}

div#colonneg h4 {
text-align:center;
font-size:120%;
padding:0 0 10px;
text-transform:uppercase;}

ul#liste{
z-index:10;
position:relative;
text-align:left;
padding:10px 0;}

ul#liste li.cat {
text-align:left;
list-style:none;
padding:5px 0;}

ul.prod {
text-align:left;
padding:5px 0 0 15px;}

ul.prod li {
list-style:square;
padding:2px 0 ;}

ul.prod li a {
display:block;
font-weight:bold;
text-decoration:none;
color:#000;
text-transform:lowercase;}

ul.prod li a:first-letter {
text-transform:uppercase;}

ul.prod li a:hover {
text-decoration:underline;}

/***** Layout *****/

body {
border:1px solid blue;}

div#global {
margin:0 auto;
width:958px;
position:relative;}

div#titre {
position:relative;
background:url(img/titre_fond.jpg) no-repeat;
margin:0 auto;
width:958px;
height:81px;}

span#actualite a{
text-decoration:none;
position:absolute;
top:7px;
right:-100px;
display:block;
width:200px;
height:30px;
color:#FF5A00;
font-weight:bold;}

span#actualite a:hover{
color:#5B2C1A;}

div#titre p {
position:absolute;
top:10px;
left:420px;
font-weight:bold;
font-size:90%;
color:#F76004;}

div#titre h2 {
position:absolute;
top:58px;
left:290px;
font-weight:normal;
letter-spacing:1px;
font-size:130%;
color:#FD9B46;}

div#col_top {
position:absolute;
top:261px;
left:20px;
background:url(img/col_top.png) no-repeat;
width:231px;
height:300px;}

div#col_deco  {
background:url(img/col_repeat.png) no-repeat;}

div#colonneg  {
position:relative;
color:#fff;
text-align:center;
line-height:1.4;
font-weight:bold;
font-size:80%;
position:absolute;
width:191px;/*231*/
padding:0 20px;
height:428px;
top:261px;
left:18px;
background:url(img/colonneg_fond.png) no-repeat;}

div#colonne_ext  {
background:url(img/col_repeat.png) repeat-y left;}

div#colonne_ext div#contenu  {
/*background:url(img/col_deco.jpg) no-repeat center top;*/}

div#contenu ul#liste {
padding-left:18px;}

h4#colonne {
position:absolute;
top:0px;
left:60px;
font-weight:bold;
font-size:80%;
color:#fff;
text-align:center;
text-transform:uppercase;}

div#col_bot {
position:relative;
color:#fff;
text-align:center;
line-height:1.4;
font-weight:bold;
font-size:80%;
width:191px;/*231*/
padding:0 20px;
float:left;
padding-bottom:57px;
background:url(img/col_bot.png) no-repeat bottom;
width:230px;
overflow:hidden;}

div#colonneg dl {
overflow:hidden;
width:190px;
height:150px;}

div#colonneg ul#logo{
padding-top:80px;
position:absolute;
top:156px;
left:8px;
width:200px;
height:300px;}

div#colonneg ul#logo li {
position:relative;}

div#colonneg ul#logo li a  {
position:relative;}

div#colonneg ul#logo li#last{
position:absolute;
top:170px;
left:-1px;
width:209px;
height:88px;}

div#colonneg dl dt {
padding-bottom:15px; }

div#colonneg dl dd {
padding-bottom:5px; }

div#inpi {
position:absolute;
bottom:120px;
left:75px;
width:114px;
height:32px;
background:url(img/inpi.jpg) no-repeat;}

div#conteneur_centre  {
padding-bottom:100px;
overflow:hidden;
width:970px;/*958*/
min-height:520px;
background:url(img/conteneur_centre.jpg) repeat-y;}

div#presentation_illustration {
width:550px;
height:264px;
margin:20px 0;
background:url(img/illustration.jpg) no-repeat;}

div#presentation_texte {
                  overflow:hidden;
color:#5A2C19;
letter-spacing:1px;
padding:15px 35px 10px 10px;
font-size:75%;
width:635px;/*690*/
margin-left:250px;}

div#presentation_texte .float  {
color:#5A2C19;
letter-spacing:1px;
padding:15px 35px 10px 10px;
font-size:75%;
width:635px;/*690*/
margin-right:10px;}

div#presentation_texte ul {
padding-top:10px;
padding-left:20px;}

div#presentation_texte ul li { 
padding-bottom:5px;
padding-left:5px;
line-height:1.5;
list-style:square;}

div#presentation_texte h3 {
padding-bottom:20px;}

div#presentation_texte p {
padding-bottom:5px;}

div#footer{
position:relative;
width:958px;
min-height:100px;
background:url(img/footer_fond.jpg) no-repeat top;}

div#footer ul {
text-align:center;
font-size:75%;
padding:20px 0 10px;
color:#FD933F;}

div#footer ul li  {
display:inline;}

div#footer ul li a {
text-decoration:none;
color:#FD933F;}

div#footer ul li a:hover {
text-decoration:underline;}

div#footer p {
text-align:center;
font-size:75%;
text-align:center;}

div#footer p a {
text-decoration:none;
color:#5A2C19;}

div#footer p a:hover {
text-decoration:underline;}

div#presentation_texte table{
clear:both;}