body {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  background: #fff; color: #333;
  margin:0;
  width: 996px; 
}

#sidebar h1,
#contenu h1 {
  color: #f00;
  font-size: 24px;
  background-color: #fff;
  padding:10px 15px; padding-left: 53px;
  margin:0px;
  background-color: #fff;  background-repeat: no-repeat;  background-position: 0px;
}

h1.ace-home {  top: 150px; background-image: url("../post/.img/gartoon/ace-home.png");}
h1.ace-produits  {  background-image: url("../post/.img/gartoon/ace-produits.png");}
h1.ace-apropos {  background-image: url("../post/.img/gartoon/ace-apropos.png");}
h1.ace-services  {  background-image: url("../post/.img/gartoon/ace-services.png");}
h1.ace-annonces  {  background-image: url("../post/.img/gartoon/ace-annonces.png");}
h1.ace-contact  {  background-image: url("../post/.img/gartoon/ace-contact.png");}
h1.ace-aide  {  background-image: url("../post/.img/gartoon/ace-aide.png");}
h1.ace-travaux  {  background-image: url("../post/.img/gartoon/ace-travaux.png");}

    /* ***** SEARCH ***** */

#recherche form{
  float:right;
  background: #eef;
  padding: 2px; margin: 0px; margin-top: -111px;
  z-index:1;
  border: 1px solid #7af;
}

#recherche form p {  font-size: 9px; margin: 0; padding: 0;}    
#recherche form img { float: none; margin: 0; margin-bottom: -5px;}    
    
    /* ****** LOGO **** */

#logo{
  float: left;
  background: url("../post/.img/ace/test.png") #fff 100% no-repeat;
  cursor: pointer;
  height: 108px; width: 229px;
  border: 0px; border-bottom: solid 2px #7aF;
}

#logo a{  display: none;}

    /* ****** Produits et Services DESCRIPTION **** */
	
.caracteristique > .titre{
	font-size:13px;
	font-weight: bold;
	color:#CE0000;
	padding-top:15px;
}

    /* ****** MENU **** */

#menu{ border: 0px; border-bottom: solid 2px #7aF; height: 108px; }

#menu a {
  width: 100px;  height: 20px;
  display: block;
  padding: 2px; padding-left: 10px;
  border: 1px solid gray;
  text-decoration: none;
  color: #000;
  background: #fff;
}

#menu a:hover {
  background: #ccc;
  border: 1px solid gray;
}

#menu a:active {
  background: gray;
  border: 1px solid; 
  color: #fff;
}

#menu ul {
  padding: 0;
  margin:  0; margin-top: 70px;
  border: 0;
  float: right;
/*  width: 700px; */
}

#menu li {
  padding-left: 13px; padding-right: 13px;
  list-style-type: none;
  float: left;
}

#menu img {
  margin: -30px 0 0px 50px;
  position: absolute;
  border: 0px;
}

    /* **** SIDEBAR ***** */
    
#sidebar {
  width: 250px; float: left;
  padding: 10px; margin: 0px;
  text-align: justify;
  background: #fff;
}

#sidebar a{ text-decoration: none; }
#sidebar a:hover { text-decoration: underline;}

#sidebar .dateHeure {  padding-top: 11px; text-align: center; color:#aaa; margin-top: -20px;}

#sidebar h2 {
  color: #fff;
  font-size: 13px;
  padding: 2px; padding-left: 26px;
  border: 1px solid #ddf;
  margin:0px;  margin-top: 15px;
  background-color: #f33;  background-repeat: no-repeat;  background-position: 5px;
}

#sidebar ul {
  list-style-type: none;
  background: #fff;
  border: 1px solid #ddf; border-top: 0;
  font-size: 11px; font-family: sans-serif;
  text-align: justify;
  margin: 0; margin-bottom: 15px;
  padding-left: 20px; padding-top: 10px; padding-bottom: 10px;
}
#sidebar LI:before {
  content: ':: ';
  color: red;
  width: 1em;
  text-align: center;
}

    /* ***** CONTENU ***** */

#contenu a{ text-decoration: none; color: red; padding: 1px;}
#contenu a:hover { text-decoration: none; background-color: #EEE; border: solid 1px #AAA;}

#contenu {
  padding: 0px; padding-left: 10px; margin: 0px; margin-top: 10px; margin-bottom: 30px; margin-left: 270px;
  background-color:#fff;
  text-align: justify;
  border-left: solid 2px #7af;
}

#contenu img .ace {
  margin: 1em; padding: 1em; 
  border: solid 1px #eee;
}

#contenu * h2, #contenu h2, #contenu * h3, #contenu h3 {
  padding-left: 15px;
  font-size: 14px;
  color: #fff;
  background: #f33;
}

#contenu * h3, #contenu h3 { background: #f88; font-size: 12px; margin-left: 20px;}

#contenu img.control {
  float: none;
  border: 0px;
  margin: 0em; padding: 0em;
}

  /* ***** RSS ***** */

.ace-rss ul {
  list-style-type: none;
  background: #fff;
  border: 1px solid #ddf; border-top: 0;
  font-size: 11px; font-family: sans-serif;
  text-align: justify;
  margin: 0; margin-bottom: 15px;
  padding-left: 20px; padding-top: 10px; padding-bottom: 10px;
}
.ace-rss LI:before {
  content: ':: ';
  color: red;
  width: 1em;
  text-align: center;
}
  
  
  /* ***** 2 COLONNES avec TABLE ***** */

#contenu table.acc {  border: 0;}
#contenu table.acc td {  vertical-align: top;  width: 50%; padding-right: 10px;}
#contenu table.acc td + td { border-left: solid 2px #7af; margin-left: 10px; padding-left: 10px;}

table.ace  { 
    border-spacing: 0pt;
    border-color: #7af;
    border-style: solid;
    border-width: 1pt;
    margin-left: auto;
    margin-right: auto;
    }
table.ace > tbody > tr > td, table.ace > tbody > tr > th { 
    border-color: #7af;
    border-spacing: 0pt;
    border-style: solid;
    border-width: 1pt;
    empty-cells: show;
    padding: 5pt;
    }
table.ace > tbody > tr > th {
    text-align: center;
}


    /* ***** Gestion de LISTES billets / canaux ***** */
    

#channels .control { float:right;}
#channels .items .control { float:right;}

#channels  img { padding: 2px; margin: 0px; border: 0;}
#channels .channel .head .title { font-weight: bold; padding: 10px;}
#channels .channel .head  { background: #aaa; padding: 2px 0px;}
#channels .channel .head  .control{ float:right;}
#channels .channel { clear: right; border: solid 1px #555; margin-bottom: 50px; background: #eee;}
#channels .channel .description{ padding: 10px; }

#channels .item { clear: right; margin: 10px; border: solid 1px #555; margin-bottom: 10px; background: #eee;}
#channels .item .title  { font-weight: bold; background: #ccc; padding: 2px 0px; padding: 10px;}
#channels .item  .control{ float:right;}
#channels .item .description{ padding: 10px; }


    /* ***** COPY **** */


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

#footer {
	clear: both;
	text-align: center;
	font-size: small;
	color: #aaa;
  border-top: solid 2px #7af;
}

#copy-text { padding-left: 109px;}
#copylogo {  float: right; margin-top: -35px;}
#footer p{  margin: 0;}
#footer img {  margin: 0; padding: 0; border: 0; float: none; margin-bottom: -4px;}
#footer a {	color: #aaf;}
#footer a:visited {	color: #faa;}




/* ***** CONTACT ***** */

#contact-phone {
  background: #fff;
  border: solid 2px #f88;
  margin: 10px;
  width: 90%;
}

#contact-phone img {
  padding: 0; margin: 5px;
  border: solid 5px #fff;
}

#contact-phone small {
  font-size: 8px;
}

    /* ***** FORUMULAIRES ***** */

fieldset {
  background: #eef;
}

textarea.ace,
select.ace,
legend.ace,
input.ace {
  font-family: verdana, sans-serif;
  color: #555;
}

textarea.ace,
select.ace,
input.ace {
  font-size: 9px;
  border: 1px solid #7af;
  background: #ffe;
}

form > img {
    margin: 0;
    padding: 0; 
    border: 0;
}

#erreurMsg {
  color: red;
  background: #fdd;
  border: 3px solid #A00;
  padding: 10px;
}

.info-edition {
  position: absolute;
  top: 130px;
  right: 15px;
  font-size: 10px;
}

.carte-visite {
  display: block;
  padding: 5px 15px 5px 15px;
  border: 1px solid black;
  float: right;
  background-color: orange;
}

.service .titre {
  font-size: 14px;
  background: #aae;
  padding: 5px;
}

.service-ville {
  display: none;
}

.toc ul {
  background-color: white;
  padding: 5px;
  border: 1px solid black;
  display: block;
  float: right;
}

.toc li {
  display: inline;
}