/*     Kévin DESCOUBES
       http://kisscoolman.net        
                                     
       codeur XHTML / CSS            
       pour                          
       http://dico-des-mots.com      
                                     
       Graphiste :                   
       Jad - http://polaris-labs.com 
                                          */      
      

/* Balises */

html { 
  background:#8AA7B5;
  margin:0;
  padding:0;
  position:absolute;
  }
  
body {
  background:url('images/haut-fond.jpg') top center repeat-x;
  font-family:Tahoma;
  font-size:12px;
  margin:8px 0 0 0;
  padding:0;
  }

h1, h2, h3, h4, h5, ul, ol, li, p { 
  margin:0;
  padding:0;
  list-style-type:none;
  }

a {
  text-decoration:none; 
  color:#B0D225;
  font-weight:bold;
  }
  
a:visited {
  color:#788F1A;
  }
  
a:hover {
  color:#FD8A2F;
  }
  
code {
  padding:5px;
  background:#fffff;
  border:1px solid #CCC;
  display:block;
  white-space:pre;
  margin-left: auto;
  margin-right: auto;
  width:400px;
  font-family:monospace;
  font-size:1em;
  overflow:scroll;
}




/* Les différents éléments que l'on veut cacher par défaut */

.Cache { 
  display:block; 
  text-indent:-25000px; 
  text-decoration:none;
  }

.Cache2 { 
  display:none;
  }
  




/* Toute la partie du header */

#Haut { 
  background:url('images/haut-gauche.jpg') top left no-repeat;
  height:227px;
  }

#TitreSite { 
  background:url('images/haut-droite.jpg') no-repeat right top;  
  height:227px;
  width:29px;
  float:right;
  } 
  
  #SousTitreSite {
  display:none;
  }




/* Page : Contient #Menu et #Contenu */

#Page {
  margin:-10px 11px 0 9px;
  padding:0;
  background:url('images/page-gauche.gif') 0 -10px repeat-y #FFF;
  }

html > body #Page {
  margin:-30px 11px 0 9px;
  }

* html #TitrePage {
  width:30px;
  }
  
  
  
  
  
/* Contenu */

#Contenu {
  margin:0 0 0 220px;
  text-align:justify;
  padding:0 15px;
  background:url('images/page-droite.gif') repeat-y right;
  border-top:0;
  position:relative;
  top:-45px;
  }

* html #Contenu {
  margin-top:-20px;
  padding-top:20px;
  top:-70px;
  }

.Ensemble {
  background:url('images/titre-paragraphe-fond.gif') repeat-x top;
  margin:25px 0;
  padding:0;
  }

.Ensemble-Titre {
  background:url('images/titre-paragraphe-coin.gif') no-repeat right;
  }

.Sous-Ensemble {
  border:1px solid #D2D2D2;
  border-top:0;
  margin:0 3px 0 0;
  padding:15px;
  }

.Sous-Ensemble p {
  margin-bottom:1em;
  }

.Sous-Ensemble p:first-letter {
  margin-left:2em;
  font-weight:bold;
  color:#FD8A2F;
  padding-right:0.1em;
  }
  
.Sous-Ensemble .paragraphe-nostyle:first-letter {
  margin:0;
  font-weight:normal;
  color:#000;
  padding:0;
  }




/* Titres en images */

.Titre-Paragraphe {
  height:61px;
  }

* html .Titre-Paragraphe {
  margin-left:-3px;
  } 
  
#T-qu-est-ce { 
  background:url('images/titres/t-dico-des-mots-qu-est-ce-que-c-est.gif') no-repeat;
  }

#T-pour-et-avec-vous {
  background:url('images/titres/t-dico-des-mots-qu-est-ce-que-c-est.gif') no-repeat;
  }  
#T-apropos { 
  background:url('images/titres/t-a-propos-du-dico-des-mots.gif') no-repeat;
  }
#T-proposer {
  background:url('images/titres/t-proposer-une-nouvelle-definition.gif') no-repeat;
  }
#T-definition {
  background:url('images/titres/t-definition.gif') no-repeat;
  }

#T-les-news { 
  background:url('images/titres/t-les-news-du-site.gif') no-repeat;
  }

#T-charte {
  background:url('images/titres/t-charte-du-dico-des-mots-imaginaires.gif') no-repeat;
  }

#T-formulaire {
  background:url('images/titres/t-formulaire-de-contact.gif') no-repeat;
  }

#T-syndication {
  background:url('images/titres/t-syndication-du-dico-des-mots.gif') no-repeat;
  }

#T-liste-des-mots {
  background:url('images/titres/t-liste-des-mots-et-expressions.gif') no-repeat;
  }

#T-pour-et-avec-vous {
  background:url('images/titres/t-dico-des-mots-pour-vous.gif') no-repeat;
  }
  
#T-derniers-commentaires {
  background:url('images/titres/t-les-derniers-commentaires.gif') no-repeat;
  }

#T-remerciements {
  background:url('images/titres/t-remerciements.gif') no-repeat;
  }



/* Formulaires */

form {
  text-align:center;
  width:300px;
  margin:0 auto;
  }

form fieldset {
  border:1px solid #B5DD12;
  }

form legend {
  color:#FD8A2F;
  font-weight:bold;
  font-size:1.1em;
  }

form dt, form dd, form input, form textarea {
  margin:0;
  padding:0;
  }

form dd input, form dd textarea, form dd select {
  border:1px solid #B5DD12;
  width:250px;
  padding:1px;
  background:#F5F5F5;
  }

form label { 
  display:block;
  margin-bottom:5px;
  }
  
form dt label { 
  display:inline; 
  }
  
form #valide { 
  margin-right:5px;
  }
  
form dt {
  padding-bottom:3px;
  }

form dd {
  padding-bottom:8px;
  }





/* BlocNews */

.BlocNews {
  border:2px solid #CCC;
  margin:25px;
  padding:6px;
  }

.BlocNews h5 {
  padding-left:10px;
  margin-left:10px;
  background:url('images/puce-titre.gif') 0 5px no-repeat;
  color:#F90;
  font-size:1.1em;
  }

.BlocNews .Auteur, .BlocNews .Auteur:first-letter {
  color:#B5DD12;
  }

/* definition */

.definition {
  border:2px solid #CCC;
  margin:25px;
  padding:6px;
  }

.definition h5 {
  padding-left:10px;
  margin-left:10px;
  background:url('images/puce-titre.gif') 0 5px no-repeat;
  color:#2C5254;
  font-size:1.1em;
  }

/* commentaire */

.commentaire {
  border:2px solid #CCC;
  background: #fff;
  margin:25px;
  padding:6px;
  }

.commentaire h5 {
  padding-left:10px;
  margin-left:10px;
  background:url('images/puce-titre.gif') 0 5px no-repeat;
  color:#F90;
  font-size:1.1em;
  }

.commentaire .Auteur, .BlocNews .Auteur:first-letter {
  color:#B5DD12;
  }

/* Menus */

#Menus {
  width:200px;
  float:left;
  margin:15px 0 10px 10px;
  }

html > body #Menus {
  margin:15px 0 10px 20px;
  }

.Menu { 
  border:1px solid #D2D2D2;
  background:url('images/menu-haut.gif') no-repeat top;
  margin:0 0 20px 0;
  }

* html .Menu {
  position:relative;
  z-index:1000;
  }

.Titre-Menu {
  background:url('images/titre-menu.gif') no-repeat;
  height:17px;
  padding:28px 10px 5px 25px;
  font-family:Verdana, Tahoma, sans-serif;
  font-size:18px;
  font-weight:normal;
  color:#B5DD12;
  }

.Menu ul { 
  margin:10px 10px 10px 22px;
  }
  
.Menu ul li a {
  color:#2C5254;
  }

.pub {
  text-align:center;
  }
#LeSite ul {
  margin:10px 10px 10px 22px;
  }

#LeSite ul li a {
  display:block;
  }

#MAccueil { 
  background:url('images/menus/MAccueil.gif') no-repeat;
  width:45px;
  height:18px;
  }
#MListe {
  background:url('images/menus/MListe.gif') no-repeat;
  width:92px;
  height:19px;
  }
#MCommentaires {
  background:url('images/menus/MCommentaires.gif') no-repeat;
  width:150px;
  height:19px;
  }
#MProposer { 
  background:url('images/menus/MProposer.gif') no-repeat;
  width:99px;
  height:21px;
  }
#MSyndication { 
  background:url('images/menus/MSyndication.gif') no-repeat;
  width:75px;
  height:21px;
  }
#MCharte { 
  background:url('images/menus/MCharte.gif') no-repeat;
  width:46px;
  height:18px;
  }
#MPartenaires { 
  background:url('images/menus/MPartenaires.gif') no-repeat;
  width:77px;
  height:18px;
  }
#MApropos { 
  background:url('images/menus/MApropos.gif') no-repeat;
  width:55px;
  height:20px;
  }
#MContact { 
  background:url('images/menus/MContact.gif') no-repeat;
  width:57px;
  height:17px;
  }
#MRemerciements {
  background:url('images/menus/MRemerciements.gif') no-repeat;
  width:150px;
  height:17px;
  }

/* Pub Menu */
#pub {

margin:15px 0 10px 10px;

}
.adHeadline {font: bold 10pt Arial; text-decoration: underline; color: #FDAB3D;}
.adText {font: normal 10pt Arial; text-decoration: none; color: #2C5254;}


/* Pied */

#Pied {
  clear:both;
  padding-left:100px;
  margin-bottom:-50px;
  }
  
  
  
  
  
  
  
  
  
/* Autres */

.important {
  color:red;
  font-weight:bold;
  }