body {	margin: 0; padding: 0; border: 5px solid #e86b1f; border-left: 0; border-right: 0;}

#chemin, #corps, #pied { clear: both; }
#site {margin:0pt auto; width:990px; background: url(../images/bg_corps.gif) repeat-x left 204px;}

/* 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 { clear: both; width: 990px; background:url(../images/bg_tete.jpg) no-repeat center top;}
#tete ul, #tete li { margin: 0; list-style: none; }
#bandeau { font-size: 0.85em;}
#logo {float: left; width: 214px; }

/*
 * Partie principale (contenu)
*/
#chemin {float: left; width: 620px;  padding: 5px; color: #8b8b8b; font-size: 0.8em; background: url(../images/point_point.gif) repeat-x bottom left;}
#chemin a { color: #8b8b8b;}
#chemin a:hover { color: red;}


#corps {width: 990px; padding: 0;  overflow:hidden; background: url(../images/bg_colonne_gauche.png) repeat-y 325px top;}
#contenu { float: right; width: 660px; padding-left: 5px;}
#colgauche, #contenu #preview {float: left; }
#colgauche {width: 285px; padding: 40px 0px 40px 20px;}
#entete, #contenu #preview {width: 600px; padding: 38px 30px 15px;}
#contenu #preview { line-height: 1.8em; }
#entete {height: 65px; background: url(../images/bg_entete.jpg) no-repeat left top;}

#contenu #preview  {width: 600px; padding: 0px 30px 15px;}

/*
 * colonnes
*/
.colonne { float:left; padding: 0 10px; margin:0; border-left:1px solid #c0c0c2;}

#methode { width: 660px; padding: 30px 0px 45px; background:url(../images/bg_bloc_methode.jpg) no-repeat left top; overflow:hidden;}
#methode .colonne {width: 145px; padding: 10px; border: none; background:url(../images/bg_colonne_methode.gif) no-repeat left 80px;}
#methode .colonne#c0, #methode .colonne#c1{background: none;}
#methode .colonne#c3{padding-bottom: 50px;}
#methode .colonne#c2{padding-bottom: 20px;}
.colonne h1, .colonne p, .colonne ul {padding: 0; margin: 0; }
.colonne h1 {text-indent: -9999px; padding: 25px 0; background-repeat: no-repeat; background-position: left top;}
.colonne#c0  h1 { background-image:url(../images/bg_h1_methode_col0.gif); padding: 70px 0;}

/*
.colonne#c1  h1 { background-image:url(../images/bg_h1_methode_col1.gif);}
.colonne#c2  h1 { background-image:url(../images/bg_h1_methode_col2.gif);}
.colonne#c3  h1 { background-image:url(../images/bg_h1_methode_col3.gif);}
*/

#methode .colonne ul {list-style: none;}
#methode .colonne ul li {padding: 0 0 0 10px; margin: 0;  background:url(../images/puce.gif) no-repeat left 6px;}
#methode .colonne a {padding: 0 0 0 10px; margin: 0;  background:url(../images/puce_a.gif) no-repeat left 6px;}
#methode .colonne a.titre_h1 {background:none;padding:0;}
/*
 * actualites
*/
#actualite{ float: left;}
#actualite h1 {height: 28px;  margin: 0; padding: 0; text-indent: -9999px; background: url(../images/bg_bloc_h1actualite.gif) no-repeat left top;}
#actualite ul {margin: 0;}
#contenu #actualite ul {padding: 0 0 0 107px; margin: 0;}
#actualite ul li {padding: 10px 0px 10px 10px; border: 1px solid #cbcbcb; border-top: 0; border-right: 0;}
#actualite ul li a {padding: 0 0 0 10px; margin: 0; background:url(../images/puce_a.gif) no-repeat left 6px; font-weight: bold;}

#contenu #actualite{ padding: 20px 20px 20px 45px; }
#contenu #actualite h1 {width: 595px; }
#contenu #actualite ul {padding: 0 0 0 107px;}

/*
 * Blocs
*/
.bloc {float: left; width: 292px; padding: 0 0 3px; margin-bottom: 30px; background: url(../images/bg_bloc_index.gif) no-repeat left 24px;}
.bloc p a {color: #413535; font-weight: bold;}
.bloc p a:hover {color: #ef4909;}
.bloc p {margin: 0; padding: 0 5px 0 3px; font-size: 0.85em;}

.bloc#etude-cas h1, .bloc#clients h1 {height: 25px; margin: 0px; padding: 0px; text-indent: -9999px; }
.bloc#etude-cas h1 {background:url(../images/bg_bloc_h1etudeK_index.gif) no-repeat left top;}
.bloc#clients h1 {background:url(../images/bg_bloc_h1clients_index.gif) no-repeat left top;}

.bloc#presentation { background: none; }
.bloc#actualite{ padding: 0px !important; background: none;}
.bloc #actualite ul {padding: 40px !important;}

/*
 * Bas de page
*/
#pied { width:990px; margin:0 auto; padding:20px 0 110px; background:url(../images/bg_pied.gif) repeat-x left top; color:#9e9b97; line-height:1.6em; font-size:0.85em; color: #4b4b4b; font-weight: bold; letter-spacing:0.05em; }
#pied p { margin: 0; }
#pied a { font-weight: normal;}
#pied a:hover { text-decoration:underline; }
#copyright { clear:both;letter-spacing:0; }
#copyright a { }

#pied .colonne {width:289px;}