
body {	margin: 0; padding: 0; background: #9F9D8F;}

#tete, #chemin, #corps, #pied { clear: both; }
#site {margin:0pt auto; width:990px;  background: #f4f4f4;}

/* Liens d'évitement */
ul#skip { text-align: right; margin: 0; display: none; }
ul#skip li { display: inline; list-style: none; padding: 0 0.2em;  }
/*
 * Tete
*/
#tete { background: no-repeat left top;}
#tete ul, #tete li { margin: 0; padding: 0; list-style: none; }
#bandeau { height:209px; background:url(../images/bg_bandeau.jpg) no-repeat;}
#bandeau h2 { margin: 0;  }
#logo { float: left; width:251px; padding:30px 0 0 38px;  }
#logo h1 { display:block; width:100%; height:62px; margin:0; padding:0; background:url(../images/h1_bandeau.gif) no-repeat; text-indent:-99999px; }
#logo img, #logo h1 { float:left;}

.accroche h1 { float:left; margin:30px 0 0 135px; padding:0 0 5px; color:#fff; font-size:14px; letter-spacing:0.05em; text-transform:uppercase; font-weight:normal; line-height:1.4em; background-color:transparent; text-align:left; border:0; font-style:normal;}
.accroche h1 span.noir { display:block; margin-top:20px; color:#000; font-size:17px; text-transform:none; }
.accroche h1 span.guillemet { font-size:20px;}

#bandeau .flash { float:right;}

/*
 * Partie principale (contenu)
*/

/* blocs recherche */
#programme, #recherche { float:left; padding:5px 0; height:22px;}
#programme { width:80%; background:#f8c142;}
#recherche { background:#8a7761; width:20%;}
#programme h2 { float:left; display:block; width:187px; height:12px; padding:0; margin:3px 15px 0 30px; background:url(../images/h2_trouver-programme.gif) no-repeat 0 2px; text-indent:-99999px; border:0; }
#programme select { width:150px; color:#6c6b6b; font-size:0.85em; border-width:1px; border-style:solid; border-color:#aeada8;}

#recherche form { margin:0 0 0 30px;}
#recherche form input { text-align:center; padding:0; background:#fff; width:20px;}
#recherche #motscles {width:125px; margin-right:2px; height:auto;}

#chemin { padding:10px 30px 5px; font-size: 0.8em; color:#666666;}
#chemin a { color:#666666;}
#chemin a:hover { color: black;}

#corps { clear: both; background: repeat-y left top; overflow:auto;}
#contenu { float: left; width: 730px;  padding:0 0 2em;}
#contenu #preview { float: right; width: 650px; padding:0 40px 0; line-height:1.5em; }
#contenu #colgauche { float: left; width: 250px; padding:0 0 2em;  }
#coldroite { float: left; width: 220px; padding:20px 40px 2em 0; }

/*
 * Bas de page
*/
#pied { float:left; width:100%; padding: 1em 0; background: #44413d; color:#9e9b97; font-size:0.9em; letter-spacing:0.05em; }
#pied p { margin: 0; }
#pied a { color: #f8c142; }
#pied a:hover { text-decoration:underline;}
#copyright { font-size:smaller; color:#7c7a77; }
#copyright a { color:#999;}

#pied .colonne, #pied .colonne-centre { float:left; width:230px; padding:0 10px; margin:1em 0;}
#pied .colonne-centre { width:468px; height:60px; border-left:1px solid #686562; border-right:1px solid #686562; }

#pied address { font-style:normal;}

/*
 * Form Trouver un programme
*/

form#produits { background: url(../images/bg_configurateur.jpg) no-repeat top left; float:right; width:65%;}
form#produits label { display: none; }
form#produits select, form#configurateur input {
	width: auto;
	border: auto;
	font-size: 0.8em;
}
form#produits div.row { display: inline; padding:0;}
form#produits div.texte { float: left; width: 100px; background: url(../images/bt_ok3.gif) no-repeat center center; text-indent: -99999px; }
form#produits .submit input { margin: 0; border: 0; padding: 0; width: 25px; height: 20px; background: #F8C142 ; }


