/*===================================================*
| Fichier : style.css
| Créé le : 22/06/2007
| Par : BkM[123]
| Pour : DONZE Ludovic
| Dernière modification le : 23/06/2007
| Description : feuille de style principale du site coolsmileys.com
| Commentaire : Le contenu de chaque section est rangé par ordre
| alphabétique
*====================================================*/



/* DEFINITION DE BALISES */
body {
  margin:0px;
  padding:0px;
  font-family:Arial, serif;
}

#cadre3 form {
  margin-top:2px !important;
  margin:-2px;
}

#cadre5 a {
  text-decoration:none;
  color:#545454;
}

#cadre5 li {
  padding:0px 0px 4px 0px;
}

#cadre5 ul {
  margin-bottom:0px;
}

h3 {
  margin:0px 0px 10px 0px;
  font-size:13px;
  color:#377999;
}

#menu a {
  text-decoration:none;
  color:#4f4f4f;
}

#zone-gauche a {
  text-decoration:none;
  color:#ffffff;
}

#zone-gauche ul {
  margin:0px;
  padding:10px 0px 0px 22px;
  color:#ffffff;
  font-weight:bold;
  font-size:12px;
  list-style-image:url('textures/icone_liste.png');
}

#zone-gauche ul li {
  margin-bottom:3px;
}



/* DEFINITION DES CLASSES */
.cadre3-input {
  margin-top:0px !important;
  margin-top:5px;
  padding-left:2px;
  width:112px;
  height:18px;
  border:none;
  background:url('textures/back_cadre3_input.png') no-repeat;
}

.contenu-rubrique {
  padding:8px 10px 0px 20px;
  height:136px;
  color:#545454;
  font-size:12px;
  text-align:justify;
  background:url('textures/back_rubrique.png') no-repeat;
}

html>body .contenu-rubrique {
  height:auto;
  min-height:136px;
}

#zone-gauche ul li.derniere-option {
  margin:0px;
}

.fin-cadre {
  width:156px;
  height:30px;
  background:url('textures/fin_cadre.png') no-repeat top;
}

.menu-separateur {
  width:30px;
  text-align:center;
}

.rubrique {
  margin-top:15px;
}

.titre-rubrique {
  padding:3px 0px 0px 25px;
  height:26px;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
  background:url('textures/back_titre_rubrique.png') no-repeat;
}



/* DEFINITION DES ID */
#cadre1 {
  padding:0px 17px 0px 17px;
  background:url('textures/back_cadre1.png') repeat-y left;
}

#cadre1-header {
  width:156px;
  height:71px;
  background:url('textures/header_cadre1.png') no-repeat;
}

#cadre2 {
  padding:0px 17px 0px 17px;
  background:url('textures/back_cadre2.png') repeat-y left;
}

#cadre2-header {
  height:31px;
  background:url('textures/header_cadre2.png') no-repeat top;
}

#cadre3 {
  margin:0px 0px 0px 109px;
  padding:15px 0px 0px 20px !important;
  padding:15px 0px 0px 20px;
  width:382px;
  height:63px;
  position:absolute;
  background:url('textures/back_cadre3.png') repeat-x;
}

#cadre3-submit {
  width:69px;
  height:19px;
  border:none;
  background:url('textures/back_cadre3_submit.png') no-repeat;
  cursor:pointer;
}

#cadre3-titre {
  color:#ffffff;
  font-size:10px;
  font-weight:bold;
}

#cadre4 {
  width:233px;
  height:139px;
  font-size:13px;
  background:url('textures/back_cadre4.png') no-repeat;
}

#cadre4-contenu {
  padding-left:15px;
}

#cadre4-header {
  width:233px;
  height:72px;
  background:url('textures/header_cadre4.png') no-repeat;
}

#cadre5 {
  padding-left:15px;
  font-size:12px;
  color:#545454;
  background:url('textures/back_cadre5.png') repeat-y;
}

#cadre5-header {
  margin-left:1px;
  width:232px;
  height:20px;
  background:url('textures/header_cadre5.png') no-repeat;
}

#coin-logo {
  position:absolute;
  width:109px;
  height:63px;
}

#conteneur {
  margin:0px auto 0px auto;
  width:900px;
}

#conteneur-rubriques {
  padding-top:63px;
  width:500px;
}

#fin-cadre5 {
  margin-left:1px;
  width:232px;
  height:25px;
  background:url('textures/fin_cadre5.png') no-repeat;
}

#footer {
  width:900px;
  height:122px;
  background:url('textures/footer.png') no-repeat;
}

#header-BD {
  float:right;
  margin-top:-35px;
  width:602px;
  height:35px;
  background:url('textures/header_bd.png') no-repeat top left;
}

#header-BG {
  width:298px;
  height:35px;
  background:url('textures/header_bg.png') no-repeat top right;
}

#header-HD {
  float:right;
  margin-top:-103px;
  width:143px;
  height:103px;
  background:url('textures/header_hd.png') no-repeat bottom left;
}

#header-HG {
  width:757px;
  height:103px;
  background:url('textures/header_hg.png') no-repeat bottom right;
}

#menu {
  margin-top:4px;
  color:#4f4f4f;
  font-size:11px;
  font-weight:bold;
  letter-spacing:2px;
}

#premiere-rubrique {
  width:500px;
  margin-top:15px !important;
  margin-top:78px;
}

#rechercher-formulaire {
  margin:0px;
  padding:0px;
}

#rechercher-loupe {
  position:absolute;
  margin:8px 0px 0px 91px;
}

#rechercher-text {
  padding-left:3px;
  width:114px;
  border:none;
  background:url('textures/back_rechercher_text.png') no-repeat center;
}

#rechercher-titre {
  margin:10px 0px 0px 0px;
  color:#ffffff;
  font-size:10px;
  font-weight:bold;
  letter-spacing:2px;
}

#rechercher-submit {
  margin-left:55px;
  width:62px;
  height:14px;
  border:none;
  background:url('textures/back_rechercher_submit.png') no-repeat center;
  cursor:pointer;
}

#zone-droite {
  margin-left:156px;
  background:url('textures/back_zone_droite.png') repeat-y right;
}

#zone-droite-droite {
  float:right;
  width:233px;
}

#zone-gauche {
  float:left;
  width:156px;
}

#zone-principale {
  background:url('textures/back_zone_principale.png') repeat-y left;
  background-color:#e8e8e8;
}