#actus_accueil {
}

#actus_accueil .cadre_actu {
  padding: 5px;
  border-bottom: 1px solid #dddddd;
  background-color: #6d6b66;
  background-image: url('../img/degrade_actus_accueil.png');
  background-position: top right;
  background-repeat: repeat-y;
}

#actus_accueil .cadre_actu:hover {
  background-color: #ff6699;
  background-image: none;
}

#actus_accueil .image_actu {
  border: 1px solid white;
  margin: 2px;
  margin-right: 5px;
}

.titre_categorie {
  color: white;
  font-size: 14px;
  background-color: #9ec461;
  padding: 5px;
  border: 1px solid black;
}

#actus_accueil .titre_actu {
  font-size: 12px;
  color: white;
}

#actus_accueil .titre_actu a {
  color: #dddddd;
}

#actus_accueil .intro_actu {
  color: #dddddd;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
}

#actus_liste {
}

#actus_liste_mini {
}

#actus_liste .cadre_actu, #actus_liste_mini .cadre_actu {
  border-bottom: 1px solid silver;
  padding: 10px;
  background-color: #6d6b66;
  background-image: url('../img/degrade_actus_accueil.png');
  background-position: top right;
  background-repeat: repeat-y;
}

#actus_liste .cadre_actu:hover, #actus_liste_mini .cadre_actu:hover {
  background-color: #ff6699;
  padding: 10px;
  background-image: none;
}

#actus_liste .intro_actu, #actus_liste_mini .intro_actu {
  color: #dddddd;
  text-decoration: none;
  font-weight: normal;
  font-size: 10px;
}

#actus_liste .image_actu, #actus_liste_mini .image_actu {
  border: 1px solid white;
  margin-right: 5px;
}

.titre_actu {
  font-size: 12px;
  color: white;
  margin-bottom: 0;
}



#col_gauche {
  float: left;
  width: 450px;
  background-color: #6d6b66;
  min-height: 1520px;
}

#col_milieu {
  float: left;
  width: 302px;
  background-color: #6d6b66;
  min-height: 1520px;
}

#col_gauche_large {
  float: left;
  width: 689px;
  background-color: #6d6b66;
  min-height: 1520px;
}

#col_droite {
  float: left;
  width: 237px;
  background-color: #ff6699;
  min-height: 1520px;
}

#col_droite_large {
  float: left;
  width: 300px;
}

.cadre_film {
  padding: 5px;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  background-color: #ff6699;
  color: white;
}

.cadre_film:hover {
  background-color: #da4f7d;
  padding: 5px;
}

.titre_film, .titre_film a {
  color: white;
  font-size: 12px;
  margin-bottom: 5px;
}

.synopsis_courte {
  font-weight: normal;
  color: white;  
  text-align: justify;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 9px;
  cursor: pointer;
  width: 130px;
}

.synopsis_courte a, .synopsis_courte a:hover {
  color: gray;  
}

.image_film_mini {
  float: left;
  width: 80px;
  height: 48px;
  border: 1px solid white;
  cursor: pointer;
}

.border_image_marge {
  border: 1px solid gray;
  margin: 5px;
}

#actu_fiche {
  background-color: white;
  padding: 5px;
}

#fiche_produit_comparateur {
  float: left;
  width: 670px;
}

#filtre_comparateur {
  border: 1px solid silver;
  padding: 10px;
  margin: 10px;
  color: gray;
  background-color: white;
}

#filtre_comparateur_col {
  color: white;
  background-color: #817b76;
  width: 300px;
  float: left;
  padding: 10px;
}


#filtre_comparateur img {
  margin-right: 10px;
}

#filtre_comparateur a:hover {
  color: black;
}

.comparateur_rubrique, .comparateur_rubrique_mini {
  margin-top: 10px;
  font-size: 14px;
  margin: 5px;
  width: 300px;  
  text-align: justify;
}

.comparateur_rubrique_mini {
  width: 300px;  
  padding-bottom: 5px;
  border-bottom: 1px solid silver;
}

.comparateur_rubrique_mini img {
  background-color: white;
  border: 1px solid black;
  margin-right: 5px;
}

.comparateur_rubrique {
  height: 70px;
  float: left;
}

.comparateur_rubrique_mini {
  width: 300px;
}

.comparateur_rubrique a, .comparateur_rubrique_mini a {
  font-weight: normal;
  font-size: 9px;
}

.comp_cadre_produit_categorie, .comp_cadre_produit_categorie_actus {
  float: left;
  width: 290px;
  font-size: 9px;
  text-align: justify;
  border-bottom: 1px solid silver;
  padding: 5px;
  background-image: url('../img/degrade_comparateur_accueil.png');
  background-position: top left;
  background-repeat: repeat-y;
}

.comp_cadre_produit_categorie_actus {
  width: 330px;
}

.comp_cadre_produit_categorie_actus {
  background-image: none;
}

.comp_cadre_produit_categorie_mini {
  float: left;
  width: 200px;
  font-size: 9px;
  text-align: justify;
  border-bottom: 1px solid silver;
  padding: 5px;
}


.comp_cadre_produit_categorie:hover, .comp_cadre_produit_categorie_mini:hover, .comp_cadre_produit_categorie_actus:hover {
  background-color: #726a63;
  background-image: none;
}

.comp_cadre_produit_categorie img, .comp_cadre_produit_categorie_mini img, .comp_cadre_produit_categorie_actus img {
  border: 1px solid black;
}

.comp_cadre_produit_categorie .image_produit, .comp_cadre_produit_categorie_actus .image_produit {
  float: left;
  margin-right: 5px;
}

.comp_cadre_produit_categorie .presentation, .comp_cadre_produit_categorie_actus .presentation {
  float: left;
  width: 140px;
  color: white;
  font-weight: normal;
}

.comp_cadre_produit_categorie_actus .presentation {
  width: 170px;
}

.comp_cadre_produit_categorie .presentation a, .comp_cadre_produit_categorie_actus .presentation a {
  color: white;
  font-weight: normal;
}

.comp_cadre_produit_categorie .titre, .comp_cadre_produit_categorie_mini .titre, .comp_cadre_produit_categorie_actus .titre {
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  font-family: Tahoma;
  LETTER-SPACING: 2px;  
  margin-bottom: 5px;
  color: white;
}

.comp_cadre_produit_categorie .titre a, .comp_cadre_produit_categorie_actus .titre a {
  color: white;
}

.comp_cadre_produit_categorie .prix, .comp_cadre_produit_categorie_actus .prix {
  background-color: #e97593;
  border: 1px solid white;
  padding: 3px;
  margin-top: 5px;
  width: 100px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  float: left;
}

.comp_cadre_produit_categorie .prix a, .comp_cadre_produit_categorie_actus .prix a {
  font-weight: bold;
  color: white;
}

.comp_cadre_produit_categorie .offres, .comp_cadre_produit_categorie_actus .offres {
  margin-top: 5px;
  width: 120px;
  float: left;
}

.comp_cadre_produit_categorie .offres a, .comp_cadre_produit_categorie_actus .offres a {
  color: #9cc45f;
  font-weight: bold;
}

.comparateur_actus {
  background-color: #817b76;
  color: white;
}

.spacer{
  clear: both;
}

.photo_actu {
  float: right;
  background-color: white;
  border: 1px solid silver;
  padding: 5px;
  margin: 5px;
  text-align: center;
}

.photo_actu a {
  color: gray;
  font-weight: normal;
}

#recherche_comparateur {
  padding: 10px;
  text-align: center;
  background-color: #f5a5ba;
}

#recherche_comparateur input {
  border: 1px solid black;
  color: gray;
  font-weight: bold;
  text-align: center;
  width: 500px;
}

#recherche_comparateur input:hover {
  background-color: #F1F1F1;
  color: gray;
  font-weight: bold;
}

#recherche_comparateur input[type=submit] {
  width: 150px;
  color: black;
}

.choix_page {
  float: left;
  border: 1px solid gray;
  padding: 3px;
  margin: 3px;
  background-color: white;
}

#resultats {
  float: left;
  border: 1px solid silver;
  width: 650px;
  background-color: white;
  padding: 5px;
}

.comparateur_mozaique {
  float: left;
  width: 200px;
  height: 250px;
  margin: 5px;
  text-align: center;
  border: 1px solid silver;
}

.comparateur_mozaique .photo {
  text-align: center;
}

.comparateur_mozaique .titre {
  color: gray;
  font-size: 12px;
}

.comp_article {
}

.comp_article .photo {
  float: left;
  border: 1px solid silver;
  margin-right: 10px;
}

.comp_article .titre {
  font-size: 18px;
}

.entete_prix { border-bottom: 2px solid white; }
.entete_prix .nom { float: left; padding: 5px; width: 120px; }
.entete_prix .stock { float: left; padding: 5px; width: 200px; }
.entete_prix .prix { float: left; padding: 5px; width: 200px; }

.liste_prix {}

.liste_prix:hover { background-color: white; }

.liste_prix .nom { float: left; padding: 5px; width: 120px; }
.liste_prix .stock { float: left; padding: 5px; width: 200px; }
.liste_prix .prix { float: left; padding: 5px; width: 200px; }  

.liste_prix .prix_avec_livraison {
  color: green;
  font-weight: bold;
}
  
.titre_recherche {
  color: gray;
  font-size: 20px;
}

.cadre_page {
  margin: 5px;
  padding: 2px;
  background-color: #F1F1F1;
  border: 1px solid gray;
}

.cadre_page_droite {
  padding: 2px;
  float: right;
}

#zoom_actu {
  position: relative;
  border-bottom: 1px solid black;
}

#zoom_actu .choix_page {
  position: absolute;
  top: 170px;
  left: 10px;
  z-index: 100;
  background-color: black;
  color: white;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
  -khtml-opacity: 0.5;
}

#gros_plan {
  width: 450px;
  height: 200px;
  position: relative;
  float: left;
}

#gros_plan_anim {
  width: 450px;
  height: 200px;
  position: relative;
  border: 1px solid black;
  float: left;
}

#gros_plan .transparence {
  /*background-color:#2d6ea0;*/
  background-color:#e97593;
  color: black;
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  opacity: 0.7;
  -khtml-opacity: 0.7;
  width: 210px;
  height: 180px;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 220px;
  padding: 10px;
}

#gros_plan .calque_texte {
  /*background-color:#2d6ea0;*/
  z-index: 3;
  color: white;
  width: 210px;
  height: 180px;
  position: absolute;
  top: 0px;
  left: 220px;
  padding: 10px;
  border-left: 1px solid silver;
  font-size: 13px;
  font-family: "Verdana","Lucida Sans Unicode",Arial,sans-serif;
  font-weight: normal;
}

#gros_plan .calque_texte a, #gros_plan .calque_texte .titre a, #gros_plan .calque_texte .texte a{
  color: white;
}

#gros_plan .calque_texte .titre{
  font-weight: bold;
  font-size: 15px;
  color: white;
}

#gros_plan .calque_texte .texte{
  font-size: 12px;
  color: white;
}

.pub_carre {
  width: 300px;
  height: 250px;
  border-left: 1px solid white;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

#inscription_newsletter {
  color: white;
  background-color: #e97593;
  padding: 5px;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
}

#inscription_newsletter .titre {
  font-size: 16px;
}

#sondage {
  color: white;
  background-color: #99c257;
  background-image: url('../img/degrade_vert.png');
  background-repeat: repeat-y;
  padding: 5px;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-top: 1px solid white;
}

#cadre_titre_page {
  color: white;
  padding: 10px;
  border-bottom: 1px solid gray;
  background-color: #f5a5ba;
}

#cadre_titre_page .titre {
  font-size: 18px;
}

#cadre_soustitre_page {
  color: white;
  padding: 5px;
  border-bottom: 1px solid gray;
  background-color: #e97593;
}

#cadre_soustitre_page .onglet {
  border: 1px solid #f5a5ba;
  padding: 2px;
  margin: 2px;
  float: left;
  font-size: 9px;
  cursor: pointer;
}

#cadre_soustitre_page .onglet:hover {
  background-color: #575653;
}

#cadre_soustitre_page a {
  color: white;
  font-weight: normal;
}

.cadre_sondage {
  border: 1px solid black;
  padding: 10px;
  margin: 10px;
  /*
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  opacity: 0.9;
  -khtml-opacity: 0.9;
  */
  background-image: url('../img/fond_sondage.png');
}

.titre_sondage {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;  
  height: 16px;  
}

.sondage_large_fonce, .sondage_large_clair {
  background-color: #444444;
  font-size: 12px;
  color: white;
  padding: 10px;
  border-top: 1px solid silver;
}

.sondage_large_clair {
  background-color: #595959;
}

.reponse_sondage_large {
  float: left;
  text-align: right;
  width: 200px;
  margin-right: 20px;
  padding-right: 5px;
  margin-bottom: 5px;
  height: 16px;
  font-size: 12px;
}

.resultat_sondage_large {
  float: left;
  width: 300px;
  margin-bottom: 5px;
  background-image: url('../img/sondage/fond_barre_large.png');
  height: 16px;
  padding-left: 1px;
  border: 1px solid gray;  
}

.pourcentage_sondage_large {
  float: left;
  width: 100px;
  margin-bottom: 5px;
  margin-left: 10px;
  height: 16px;
  padding-left: 2px;
  text-align:left;  
  font-size: 12px;
}

.ligne_reponse_sondage {
  padding: 2px;
}

.reponse_sondage {
  float: left;
  text-align: right;
  width: 90px;
  padding-right: 5px;
  margin-bottom: 5px;
  font-size: 9px;
}

.resultat_sondage {
  float: left;
  width: 150px;
  margin-bottom: 5px;
  background-image: url('../img/sondage/fond_barre.png');
  padding-left: 1px;  
}

.pourcentage_sondage {
  float: left;
  width: 30px;
  margin-bottom: 5px;
  padding-left: 2px;
  text-align:right;  
  font-size: 10px;
}

#confirmation {
  padding: 10px;
  margin: 10px;
  color: #8ab977; /* #398b14 */
  border: 2px solid #8ab977;
  font-size: 12px;
}

#erreur {
  padding: 10px;
  margin: 10px;
  color: #ad0101;
  border: 2px solid #ad0101;
  background-color: #f0e4e4;
  font-weight: bold;
}

#comparateur_prix_accueil {
  background-color: #817b76;
  color: white;
  border-left: 1px solid white;
}

#comparateur_prix_actus {
  background-color: #817b76;
  color: white;
  border: 1px solid black;
}

#lexique {
  background-color: #74685f;
  background-image: url('../img/degrade_marron.png');
  background-repeat: repeat-y;
  padding: 10px;
  color: white;
  line-height: 15px;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
}

#lexique a {
  color: white;
}

#cadre_lexique {
  width: 220px;
  text-align: justify;
  padding: 5px;
}

.definition_mot_lexique {
  color: white;
  text-decoration: none;
  font-weight: normal;
}

.titre_mot_lexique {
  font-size: 15px;
}

.pub_separation_actu {
  border-bottom: 1px solid white;
  padding: 5px;
  background-color: #555;
}  

.pub_transparent {
  padding: 5px;
  text-align: center;
}

#actus_precedent_suivant {
  border-bottom: 1px solid white;
  background-color: #ff6699;
}

#actus_precedent_suivant .actu_gauche, #actus_precedent_suivant .actu_droite {
  float: left;
  width: 332px;
  padding: 5px;
  cursor: pointer;
}

#actus_precedent_suivant .actu_gauche {
  border-right: 1px solid white;
}

#actus_precedent_suivant .actu_gauche:hover, #actus_precedent_suivant .actu_droite:hover {
  background-color: #ff94b7;
}


#actus_precedent_suivant .titre {
  float: left;
  width: 198px;
  text-align: center;
  color: white;
  font-weight: normal;
}

#actus_precedent_suivant .titre a {
  color: black;
  font-weight: normal;
}

#actus_precedent_suivant .image {
  float: left;
  width: 60px;
  height: 45px;
  border: 1px solid black;
  margin-right: 5px;
  margin-left: 5px;
}

#actus_precedent_suivant .fleche {
  float: left;
  width: 60px;
  height: 45px;
}

#tags {
  background-color: #2d6ea0;
  color: white;
  text-align: center;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  text-align: justify;
  padding: 5px;
  padding-bottom: 20px;
  background-color: #5a5955;
  background-image: url('../img/degrade_noir.gif');
  background-repeat: repeat-y;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

#tags a, #tags a:hover{
  font-family: "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
  font-family: Tahoma;
  font-size: 12px;
  color: #CCC;
  text-decoration: none;
  margin: 2px;
  font-weight: normal;
}

#tags a:hover{
  background-color: #474543;
  color: #FFF;
  text-decoration: none;
  border: 1px solid #BBB;
  margin: 1px;
}

#fiche_film {
  padding: 10px;
}

#fiche_film .synopsis {
  line-height: 20px;
  text-align: justify;
}

#fiche_film .affiche {
  float: left;
  margin-right: 10px;
}

#plus_actus_accueil {
  padding: 10px;
  text-align: center;
}