img, embed, canvas, video, audio, picture {
  max-width: 100%;
  height: auto; }

.struct-main-container {
  background-color: #fff; }
@media only screen and (max-width: 700px) {
  .struct-main-container {
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .struct-main-container {
    padding: 10px; } }
@media only screen and (min-width: 1200px) {
  .struct-main-container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px; } }
.struct-main-container .mainsite {
  background-color: #fff; }
@media only screen and (max-width: 700px) {
  .struct-main-container .struct-main-header > .logo {
    text-align: center; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .struct-main-container .struct-main-header > .logo {
    text-align: center; } }
@media only screen and (min-width: 1200px) {
  .struct-main-container .struct-main-header > .logo {
    width: 280px;
    float: left; } }
@media only screen and (max-width: 700px) {
  .struct-main-container .struct-main-header > .search {
    margin-left: auto;
    margin-right: auto;
    width: 290px;
    margin-bottom: 15px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .struct-main-container .struct-main-header > .search {
    margin-left: auto;
    margin-right: auto;
    width: 290px;
    margin-bottom: 15px; } }
@media only screen and (min-width: 1200px) {
  .struct-main-container .struct-main-header > .search {
    width: 280px;
    float: left;
    padding-top: 35px;
    vertical-align: bottom;
    padding-right: 5px; } }
@media only screen and (max-width: 700px) {
  .struct-main-container .struct-main-header > .usermenu {
    margin-bottom: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .struct-main-container .struct-main-header > .usermenu {
    margin-bottom: 10px; } }
@media only screen and (min-width: 1200px) {
  .struct-main-container .struct-main-header > .usermenu {
    width: 475px;
    float: right;
    padding-top: 35px;
    padding-left: 10px;
    vertical-align: bottom;
    padding-right: 10px; } }
@media only screen and (min-width: 1200px) {
  .struct-main-container .struct-main-left {
    float: left;
    width: 885px;
    padding-right: 10px; } }
.struct-main-container .struct-main-right {
  background-color: #fff; }
@media only screen and (max-width: 700px) {
  .struct-main-container .struct-main-right {
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .struct-main-container .struct-main-right {
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px; } }
@media only screen and (min-width: 1200px) {
  .struct-main-container .struct-main-right {
    float: left;
    width: 300px; } }
.struct-main-container .struct-main-right .bulle_droite, .struct-main-container .struct-main-right .bulle_droite_noir, .struct-main-container .struct-main-right .bulle_droite_gris, .struct-main-container .struct-main-right .bulle_droite_grisfonce {
  padding: 10px; }
@media only screen and (min-width: 1200px) {
  .struct-main-container .struct-main-right .bulle_droite, .struct-main-container .struct-main-right .bulle_droite_noir, .struct-main-container .struct-main-right .bulle_droite_gris, .struct-main-container .struct-main-right .bulle_droite_grisfonce {
    width: 260px; } }

@CHARSET 'UTF-8';
/* This CSS does not belong to the plugin. */
body {
  background: url("../img/background.gif");
  font: normal 11px verdana; }

a {
  color: #2C8CBD;
  text-decoration: none; }

a:hover {
  color: #48A5D4; }

hr {
  border-top: medium none;
  height: 1px;
  margin-bottom: 16px;
  margin-top: 15px; }

#coffee {
  background: url("../img/coffee.png") 6px 2px no-repeat #DC5;
  border: 1px solid #D9C640;
  color: #FFF;
  display: block;
  float: right;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .9px;
  margin-right: 9px;
  padding: 4px 5px 4px 26px;
  text-decoration: none;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -opera-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

#coffee:hover {
  text-decoration: underline; }

#content {
  background-color: #FFF;
  border: 1px solid #DEDEDE;
  box-shadow: 0 1px 3px rgba(100, 100, 100, 0.4);
  margin: 0 auto;
  padding: 15px;
  width: 1100px;
  min-height: 510px; }

#menu-feature {
  color: #AAA;
  float: left;
  margin-bottom: 20px; }

#menu-feature a {
  float: left;
  width: 120px; }

#menu-feature a.disabled {
  color: #999;
  cursor: default; }

#menu-feature a.selected {
  color: #2C8CBD;
  cursor: default;
  font-weight: bold; }

#footer {
  clear: both;
  height: 25px;
  margin-top: 5px;
  width: 100%; }

#footer div {
  margin: 0 auto;
  text-align: center;
  width: 1100px; }

#header {
  margin: 0 auto;
  padding-left: 20px;
  width: 1130px; }

#menu {
  color: #AB9927;
  font: bold 14px 'Lucida Grande', 'Helvetica', 'Times New Roman', serif;
  text-transform: uppercase; }

#menu a {
  color: #EA9C00;
  font: bold 10px verdana;
  letter-spacing: .9px;
  text-decoration: none; }

#menu a:hover {
  color: #DC5;
  font-weight: bold;
  letter-spacing: .9px;
  text-decoration: underline; }

#title {
  font: bold 17px verdana;
  color: #269;
  letter-spacing: .7px;
  margin-bottom: 10px;
  text-align: left; }

#title span {
  color: #777;
  font: 10px verdana; }

#version {
  color: #777;
  font: 10px verdana; }

.action-field {
  border: 1px solid #CCC;
  height: 20px;
  padding-left: 3px;
  width: 80px; }

.action-link {
  margin-left: 5px; }

.action-wrapper {
  margin-top: 15px; }

.comment {
  color: #444;
  font: 11px verdana;
  letter-spacing: 0.4px;
  line-height: 1.6;
  padding-bottom: 5px;
  text-align: left; }

.comment-personal {
  color: #444;
  font: italic 11px verdana;
  letter-spacing: 0.4px;
  line-height: 1.6;
  text-align: left; }

.description {
  color: #555;
  letter-spacing: .1px;
  margin-bottom: 15px;
  margin-top: 10px;
  text-align: left; }

.description-code {
  color: #555;
  letter-spacing: .1px;
  margin-bottom: 10px;
  text-indent: 7px; }

.highlight {
  color: #369; }

.session {
  clear: both;
  font: bold 13px verdana;
  border-bottom: 1px solid #EFEFEF;
  color: #444;
  letter-spacing: .7px;
  margin-bottom: 18px;
  margin-top: 24px;
  text-align: left; }

.session-first {
  clear: both;
  font: bold 13px verdana;
  border-bottom: 1px solid #EFEFEF;
  color: #444;
  letter-spacing: .7px;
  margin-bottom: 18px;
  text-align: left; }

.session-image {
  display: block;
  margin: 5px auto 0; }

.session-option {
  font: bold 10px verdana;
  color: #444;
  letter-spacing: .7px; }

.session-option span {
  color: #BBB;
  font: 11px arial; }

.source {
  background: #FFF7FF;
  border: 1px solid #EFEFEF;
  border-left: 3px solid #CCC;
  clear: both;
  color: #444;
  font: 12px monospace;
  border-radius: 2px;
  letter-spacing: .1px;
  margin-bottom: 7px;
  margin-top: 15px;
  padding: 7px;
  width: 1081px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -opera-border-radius: 2px;
  -webkit-border-radius: 2px; }

/* custom */
.left {
  float: left; }

#target, #target-out, #function, #format, #mouseover {
  float: left; }

#target-number {
  float: left; }

#hint, #hint-out, #hint-function, #hint-format, #mouseover-target {
  background-color: #F0F0F0;
  border-radius: 3px;
  float: left;
  height: 15px;
  margin-left: 5px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  width: 70px; }

#hint-format {
  width: 120px; }

#precision {
  float: left; }

#precision-target {
  background-color: #F0F0F0;
  border-radius: 3px;
  float: left;
  height: 20px;
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  text-align: center;
  width: 50px; }

#score-target {
  float: left;
  margin-left: 5px; }

/* CSS Document */
div.pagination {
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 3px;
  margin: 3px; }

div.pagination a {
  background-color: #fff;
  border: 1px solid #cdcdcd;
  color: #4F4F4F;
  margin: 1px;
  padding: 2px 5px;
  text-decoration: none; }

div.pagination a:hover, active {
  border: 1px solid #c7c7c7;
  color: #fff;
  margin: 1px;
  padding: 2px 5px;
  background: #C7C7C7; }

div.pagination span.courante {
  background-color: #ea7e00;
  border: 1px solid #cd7200;
  color: #fff;
  font-weight: bold;
  margin: 1px;
  padding: 2px 5px; }

div.pagination span.desactive {
  background-color: #fff;
  border: 1px solid #eee;
  color: #ddd;
  margin: 1px;
  padding: 2px 5px; }

#myController span {
  color: #333333;
  background: #fafafa;
  margin-right: 10px;
  cursor: pointer;
  padding: 10px;
  text-decoration: underline;
  font-weight: bold; }

#jFlowSlide {
  border: 0px solid #fafafa; }

#myController span.jFlowSelected {
  background: #cdc03d;
  padding: 10px;
  text-decoration: none; }

.jFlowPrev, .jFlowNext {
  cursor: pointer; }

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg {
  display: none; }

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {
  display: inline;
  color: #CC3333; }

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
/* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
  background-color: #FFFFFF;
  border: solid 2px #a8d262; }

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, textarea.textareaMinCharsState, .textareaMinCharsState textarea, textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
  border: solid 2px #ff261c;
  background-color: #FFFFFF; }

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
  background-color: #F5F5F5; }

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState {
  color: red !important; }

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg {
  display: none; }

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg  {
  display: inline;
  color: #CC3333; }

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
/* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
  background-color: #FFFFFF;
  border: solid 2px #a8d262; }

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, input.textfieldMinValueState, .textfieldMinValueState input, input.textfieldMaxValueState, .textfieldMaxValueState input, input.textfieldMinCharsState, .textfieldMinCharsState input, input.textfieldMaxCharsState, .textfieldMaxCharsState input {
  border: solid 2px #ff261c;
  background-color: #FFFFFF; }

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
  background-color: #f5f5f5; }

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
  color: red !important; }

.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {
  background: url(../images/fiche/star.png) left -1000px repeat-x; }

.star-rating {
  position: relative;
  width: 78px;
  height: 16px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top; }

.star-rating li {
  display: inline; }

.star-rating a, .star-rating .current-rating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 16px;
  line-height: 16px;
  outline: none;
  overflow: hidden;
  border: none; }

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
  background-position: left bottom; }

.star-rating a.one-star {
  width: 20%;
  z-index: 6; }

.star-rating a.two-stars {
  width: 40%;
  z-index: 5; }

.star-rating a.three-stars {
  width: 60%;
  z-index: 4; }

.star-rating a.four-stars {
  width: 80%;
  z-index: 3; }

.star-rating a.five-stars {
  width: 100%;
  z-index: 2; }

.star-rating .current-rating {
  z-index: 1;
  background-position: left center; }

/* for an inline rater */
.inline-rating {
  display: -moz-inline-block;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle; }

/* smaller star */
.small-star {
  width: 50px;
  height: 10px; }

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
  background-image: url(../images/fiche/star_small.gif);
  line-height: 10px;
  height: 10px; }

.star-rating2, .star-rating2 a:hover, .star-rating2 a:active, .star-rating2 a:focus, .star-rating2 .current-rating {
  background: url(../images/fiche/star2.png) left -1000px repeat-x; }

.star-rating2 {
  position: relative;
  width: 78px;
  height: 16px;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  background-position: left top; }

.star-rating2 li {
  display: inline; }

.star-rating2 a, .star-rating2 .current-rating {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -1000em;
  height: 16px;
  line-height: 16px;
  outline: none;
  overflow: hidden;
  border: none; }

.star-rating2 a:hover, .star-rating2 a:active, .star-rating2 a:focus {
  background-position: left bottom; }

.star-rating2 a.one-star {
  width: 20%;
  z-index: 6; }

.star-rating2 a.two-stars {
  width: 40%;
  z-index: 5; }

.star-rating2 a.three-stars {
  width: 60%;
  z-index: 4; }

.star-rating2 a.four-stars {
  width: 80%;
  z-index: 3; }

.star-rating2 a.five-stars {
  width: 100%;
  z-index: 2; }

.star-rating2 .current-rating {
  z-index: 1;
  background-position: left center; }

/* for an inline rater */
.inline-rating {
  display: -moz-inline-block;
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle; }

/* smaller star */
.small-star {
  width: 50px;
  height: 10px; }

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
  background-image: url(../images/fiche/star_small.gif);
  line-height: 10px;
  height: 10px; }

html {
  background-color: #000; }

body {
  padding: 0px;
  border: 0px;
  margin: 0px; }

fieldset {
  background-color: #fafafa;
  border: #e2e2e2 thin solid; }

td {
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; }

form {
  margin: 0px;
  padding: 0px; }

h1 {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 12px; }

h2 {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 12px; }

h3 {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 12px; }

h4 {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal; }

h5 {
  display: inline;
  margin: 0px;
  padding: 0px;
  font-family: tahoma;
  font-size: 11px;
  font-weight: normal; }

div.hr {
  height: 1px;
  background: url(../images/fiche/fond_trait.jpg) repeat-x; }

div.hr hr {
  display: none; }

.menu {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 7px;
  WIDTH: 100%;
  PADDING-RIGHT: 0px;
  BACKGROUND: url(images/menu_left.gif) no-repeat 0px 0px;
  PADDING-TOP: 3px; }

.menu TD {
  TEXT-ALIGN: center;
  WIDTH: auto;
  VERTICAL-ALIGN: middle; }

.menu TD A {
  DISPLAY: block; }

.menu_separator {
  TEXT-ALIGN: center;
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 5px;
  WIDTH: 25%;
  PADDING-RIGHT: 5px;
  PADDING-TOP: 0px; }

.menu_btn {
  font-family: Arial;
  color: #FFFFFF;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
  FONT-WEIGHT: bold; }

.search {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 13px;
  VERTICAL-ALIGN: middle;
  PADDING-TOP: 0px; }

.search TD {
  TEXT-TRANSFORM: uppercase;
  FONT-FAMILY: arial;
  COLOR: #7b7b7b;
  FONT-SIZE: 17px;
  VERTICAL-ALIGN: middle;
  FONT-WEIGHT: bold; }

.search INPUT {
  HEIGHT: 24px;
  border: 1px solid #aaa;
  FONT-SIZE: 10px; }

.bg_list_un {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px; }

.bg_list_un A {
  PADDING-BOTTOM: 6px;
  LINE-HEIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-RIGHT: 1px;
  BACKGROUND: url(../images/accueil/puce2.jpg) no-repeat 0px 9px;
  COLOR: #797979;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
  PADDING-TOP: 6px; }

.bg_list_un A:hover {
  COLOR: #797979;
  TEXT-DECORATION: underline; }

.bg_list_deux {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px; }

.bg_list_deux A {
  PADDING-BOTTOM: 6px;
  LINE-HEIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-RIGHT: 1px;
  BACKGROUND: url(../images/accueil/puce2.jpg) no-repeat 0px 9px;
  COLOR: #000000;
  FONT-SIZE: 11px;
  FONT-WEIGHT: normal;
  TEXT-DECORATION: none;
  PADDING-TOP: 6px; }

.bg_list_deux A:hover {
  COLOR: #797979;
  TEXT-DECORATION: underline; }

.bg_list_trois {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px; }

.bg_list_trois A {
  PADDING-BOTTOM: 6px;
  LINE-HEIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-RIGHT: 1px;
  COLOR: #797979;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
  PADDING-TOP: 6px; }

.bg_list_trois A:hover {
  COLOR: #797979;
  TEXT-DECORATION: underline; }

.bg_list_crit {
  PADDING-BOTTOM: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  PADDING-TOP: 0px; }

.bg_list_crit A {
  PADDING-BOTTOM: 6px;
  LINE-HEIGHT: 15px;
  PADDING-LEFT: 15px;
  PADDING-RIGHT: 1px;
  BACKGROUND: url(../images/accueil/ico-crit2.jpg) no-repeat 0px 9px;
  COLOR: #797979;
  FONT-SIZE: 11px;
  TEXT-DECORATION: none;
  PADDING-TOP: 6px; }

.bg_list_crit A:hover {
  COLOR: #797979;
  TEXT-DECORATION: underline; }

.fond_page {
  padding-top: 15px;
  background-color: #FFFFFF; }

.title {
  padding-bottom: 20px; }

.titre {
  PADDING-LEFT: 20px;
  HEIGHT: 41px;
  PADDING-TOP: 13px;
  background-image: url(../images/accueil/puce.jpg);
  background-repeat: no-repeat;
  background-position: 0px 13px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold; }

.titrecom {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -50px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titrecomu {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -250px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titrecoeur {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px 0px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titrefilmactu {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -100px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titresalutartiste {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -400px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titresalutartisteblc {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/ico-rip.png) 0px 7px no-repeat;
  line-height: 27px;
  COLOR: #FFF;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titregueule {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -350px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titrecrit {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -300px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titrereda {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -150px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titretop {
  PADDING-LEFT: 34px;
  PADDING-TOP: 12px;
  background: url(../images/accueil/icones_sprite.png) 0px -200px no-repeat;
  line-height: 27px;
  COLOR: #333333;
  FONT-SIZE: 13px;
  FONT-WEIGHT: bold;
  margin-bottom: 10px;
  display: block; }

.titretop2 {
  PADDING-LEFT: 20px;
  PADDING-TOP: 3px;
  background: url(../images/accueil/icones_sprite.png) 0px -210px no-repeat;
  COLOR: #333333;
  FONT-SIZE: 9px;
  FONT-WEIGHT: bold; }

.titrefiche {
  color: #000000;
  font-family: Arial;
  font-size: 16px; }

.titreficheblanc {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 16px; }

.blanc11 {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 11px; }

.blanc11-b {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold; }

.blanc10 {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 10px; }

.blanc13-b {
  font-family: Arial;
  font-size: 13px;
  color: #FFFFFF;
  font-weight: bold; }

.blanc18-b {
  font-family: Arial;
  font-size: 17px;
  color: #FFFFFF;
  font-weight: bold; }

.blanc20-b {
  font-family: Arial;
  font-size: 20px;
  color: #FFFFFF;
  font-weight: bold; }

.blanc12-b {
  color: #FFFFFF; }

.bleu9 {
  color: #005ea8;
  font-family: Arial;
  font-size: 9px; }

.bleu10 {
  color: #005ea8;
  font-family: Arial;
  font-size: 10px; }

.bleu11 {
  color: #005ea8;
  font-family: Arial;
  font-size: 11px; }

.bleu11-b {
  color: #005ea8;
  font-family: Arial;
  font-size: 11px;
  FONT-WEIGHT: bold; }

.bleu13-b {
  color: #005ea8;
  font-family: Arial;
  font-size: 13px;
  FONT-WEIGHT: bold; }

.grisclair9 {
  color: #797979;
  font-family: Arial;
  font-size: 9px; }

.grisclair11 {
  color: #797979;
  font-family: Arial;
  font-size: 11px; }

.grisclair12 {
  color: #575757;
  font-family: Arial;
  font-size: 12px; }

.gristclair11 {
  color: #CCC;
  font-family: Arial;
  font-size: 11px; }

.gristtclair11 {
  color: #969797;
  font-family: Arial;
  font-size: 11px; }

.grisfonce11-b {
  color: #4d4d4d;
  font-family: Arial;
  font-size: 11px;
  FONT-WEIGHT: bold; }

.noir9 {
  color: #000000;
  font-family: Arial;
  font-size: 9px; }

.noir10 {
  color: #000000;
  font-family: Arial;
  font-size: 10px; }

.noir11 {
  color: #000000;
  font-family: Arial;
  font-size: 11px; }

.noir11-b {
  color: #000000;
  font-family: Arial;
  font-size: 11px;
  FONT-WEIGHT: bold; }

.noir12-b {
  color: #000000;
  font-family: Arial;
  font-size: 12px;
  FONT-WEIGHT: bold; }

.noir13 {
  color: #000000;
  font-family: Arial;
  font-size: 13px; }

.noir13-b {
  color: #000000;
  font-family: Arial;
  font-size: 13px;
  FONT-WEIGHT: bold; }

.noir16-b {
  color: #000000;
  font-family: Arial;
  font-size: 16px;
  FONT-WEIGHT: bold; }

.noir20-b {
  color: #000000;
  font-family: Arial;
  font-size: 20px;
  FONT-WEIGHT: bold; }

.rouge13 {
  color: #CC0000;
  font-family: Arial;
  font-size: 13px; }

.vert11 {
  color: #a3ad00;
  font-family: Arial;
  font-size: 11px; }

.vert11-b {
  color: #cdc03d;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold; }

.vert13 {
  color: #a3ad00;
  font-family: Arial;
  font-size: 13px; }

.vert15-b {
  color: #a3ad00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold; }

.vert20-b {
  color: #a3ad00;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold; }

.vertclair13 {
  color: #4edb70;
  font-family: Arial;
  font-size: 13px;
  font-weight: bold; }

.input11 {
  font-family: Arial;
  font-size: 11px;
  color: #535151;
  border: 1px solid #d9d9d9; }

.input12 {
  font-family: Arial;
  font-size: 12px;
  color: #535151;
  border: 1px solid #d9d9d9; }

.input_arrondi {
  border-radius: 2px 2px 2px 2px;
  font-family: Arial;
  font-size: 12px;
  color: #535151;
  border: 0px;
  padding: 4px; }

.contourrouge {
  font-family: Arial;
  font-size: 11px;
  color: #c00000;
  border: 2px solid #c00000;
  FONT-WEIGHT: bold; }

.contourvert {
  font-family: Arial;
  font-size: 11px;
  color: #5bd34f;
  border: 2px solid #5bd34f;
  FONT-WEIGHT: bold; }

.contour {
  padding: 2px;
  border: 1px solid #d9d9d9; }

.contour:hover {
  padding: 0px;
  border: 3px solid #cdc03d; }

.contourmenufiche {
  padding: 2px;
  border: 2px solid #d9d9d9; }

.contourmenufiche:hover {
  padding: 0px;
  border: 4px solid #cdc03d; }

.contourmenufichehover {
  padding: 0px;
  border: 4px solid #cdc03d; }

.contourenligne {
  padding: 2px;
  border: 2px solid #4edb70; }

.padding3r {
  padding-right: 3px;
  font-size: 10px; }

.bullefiche {
  background: url(../images/fiche/bulle.jpg) no-repeat;
  width: 101px;
  height: 26px;
  padding-top: 9px;
  TEXT-DECORATION: none;
  color: #FFF; }

.bulleficheover {
  background: url(../images/fiche/bulleover.jpg) no-repeat;
  width: 101px;
  height: 26px;
  padding-top: 9px; }

.bullefichecom {
  background: url(../images/fiche/bulle_com.jpg) no-repeat;
  width: 125px;
  height: 26px;
  padding-top: 9px;
  TEXT-DECORATION: none;
  color: #FFF; }

.bullefichecomover {
  background: url(../images/fiche/bulle_comover.jpg) no-repeat;
  width: 125px;
  height: 26px;
  padding-top: 9px; }

.bulle_droite_noir {
  border-radius: 4px 4px 4px 4px;
  background-color: #444444; }

.bulle_droite_gris {
  border-radius: 4px 4px 4px 4px;
  background-color: #fafafa;
  border: 1px #e2e2e2 solid;
  margin-bottom: 10px; }

.bulle_droite_grisfonce {
  border-radius: 4px 4px 4px 4px;
  background-color: #666666;
  border: 1px #e2e2e2 solid;
  margin-bottom: 10px; }

.bulle_content {
  border-radius: 4px 4px 4px 4px;
  padding: 10px;
  background-color: #FFF; }

.td_content {
  padding-left: 10px;
  padding-right: 10px; }

a.bullelien {
  TEXT-DECORATION: none;
  color: #FFF;
  font-weight: bold; }

a.bullelien:hover {
  TEXT-DECORATION: underline; }

a.bullelienover {
  TEXT-DECORATION: none;
  color: #000;
  font-weight: bold; }

a.bullelienover:hover {
  TEXT-DECORATION: underline; }

/* MENU */
#menu {
  padding: 0px;
  clear: both;
  background: url(../images/accueil/menu_fondl.png) left top no-repeat; }

#nav {
  list-style: none;
  margin: 0px;
  padding: 0px 0px;
  overflow: hidden; }

#nav li {
  float: left; }

#nav li a {
  display: block;
  background: url(../images/accueil/menu_separateur.jpg) right top no-repeat;
  padding-left: 18px;
  padding-right: 18px;
  color: #FFFFFF;
  font: 12px Arial;
  font-weight: bold;
  line-height: 39px;
  text-align: center;
  text-decoration: none; }

#nav li a:hover, #nav li a:focus, #nav li a:active {
  background: url(../images/accueil/menu_separateur.jpg) right top no-repeat;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #d2c32c; }

#nav .survol a {
  display: block;
  background: url(../images/accueil/menu_separateur.jpg) right top no-repeat;
  padding-left: 18px;
  padding-right: 18px;
  font: 12px Arial;
  font-weight: bold;
  line-height: 39px;
  text-align: center;
  background-color: #d2c32c; }

/* SOUS MENU */
#Snav {
  list-style: none;
  margin: 0px;
  padding: 0px 0px;
  overflow: hidden; }

#Snav li {
  padding-top: 1px; }

#Snav li a {
  display: block;
  background: url(../images/accueil/menu_separateur_s.jpg) bottom repeat-x;
  padding-left: 18px;
  padding-right: 18px;
  color: #FFFFFF;
  font: 12px Arial;
  font-weight: bold;
  line-height: 39px;
  text-align: center;
  text-decoration: none; }

#Snav li a:hover, #nav li a:focus, #nav li a:active {
  background: url(../images/accueil/menu_separateur_s.jpg) bottom repeat-x;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #d2c32c; }

#Snav .survol a {
  display: block;
  background: url(../images/accueil/menu_separateur_s.jpg) bottom repeat-x;
  padding-left: 18px;
  padding-right: 18px;
  font: 12px Arial;
  font-weight: bold;
  line-height: 39px;
  text-align: center;
  background-color: #d2c32c; }

/* MENU FICHE */
#menufiche {
  padding: 0px;
  clear: both;
  width: 120px; }

#navfiche {
  list-style: none;
  margin: 0px;
  padding: 0px 0px;
  overflow: hidden; }

#navfiche li {
  padding-top: 1px;
  float: left;
  margin-right: 5px; }

#navfiche li a {
  display: block;
  padding-left: 5px;
  color: #000000;
  font: 12px Arial;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  background-color: #fafafa;
  padding: 5px;
  margin-bottom: 5px; }

#navfiche li a:hover, #nav li a:focus, #nav li a:active {
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #d2c32c; }

#navfiche .survol a {
  display: block;
  padding-left: 5px;
  font: 12px Arial;
  font-weight: bold;
  line-height: 18px;
  background-color: #d2c32c;
  color: #FFFFFF; }

/* MENU TOP REDAC */
#menutopredac {
  padding: 0px; }

#menutopredacL {
  list-style: none;
  margin: 0px;
  padding: 0px 0px;
  overflow: hidden; }

#menutopredacL li {
  float: left;
  padding-top: 1px; }

#menutopredacL li a {
  display: block;
  padding-left: 7px;
  padding-right: 7px;
  color: #FFFFFF;
  font: 12px Arial;
  background-color: #000;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  text-decoration: none; }

#menutopredacL li a:hover, #nav li a:focus, #nav li a:active {
  background: url(../images/accueil/menu_separateur.jpg) right top no-repeat;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #d2c32c; }

#menutopredacL .survol a {
  background: url(../images/accueil/menu_separateur.jpg) right top no-repeat;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #d2c32c; }

#tooltip {
  position: absolute;
  visibility: hidden;
  background-color: #fff;
  padding: 15px;
  font-size: 0.8em;
  width: 250px;
  z-index: 9999;
  box-shadow: 1px 1px 12px #555;
  border-radius: 5px 5px 5px 5px; }

.barretitre {
  background: url(../images/accueil/barre_titre.jpg) repeat-x; }

#navliste {
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden; }

#navliste li {
  display: block;
  font-family: Tahoma;
  font-size: 11px;
  color: #444444;
  line-height: 14px;
  text-decoration: none;
  padding-left: 0px;
  clear: both; }

#navlisteG {
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden; }

#navlisteG li {
  float: left;
  display: block;
  font-family: Tahoma;
  font-size: 11px;
  color: #444444;
  line-height: 14px;
  text-decoration: none;
  padding-left: 0px; }

#calque2 {
  position: relative;
  left: 4px;
  top: 3px;
  width: 1px;
  height: 60px;
  z-index: 1; }

#calque1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  padding-left: 0px;
  padding-top: 0px;
  background: url(../images/top/fond_note_fiche.png) no-repeat 0px 0px;
  width: 40px;
  height: 21px; }

.calque2 {
  position: relative;
  left: 4px;
  top: 3px;
  width: 1px;
  height: 60px;
  z-index: 1; }

.calque1 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  padding-left: 0px;
  padding-top: 0px;
  background: url(../images/top/fond_note_fiche.png) no-repeat 0px 0px;
  width: 40px;
  height: 21px; }

#bulle_rech :hover {
  background-color: #ececec; }

.star_moy01 {
  background: url(../images/fiche/moy-01.png) no-repeat;
  height: 65px;
  padding-top: 28px;
  width: 79px; }

.star_moy12 {
  background: url(../images/fiche/moy-12.png) no-repeat;
  height: 65px;
  padding-top: 28px;
  width: 79px; }

.star_moy23 {
  background: url(../images/fiche/moy-23.png) no-repeat;
  height: 65px;
  padding-top: 28px;
  width: 79px; }

.star_moy34 {
  background: url(../images/fiche/moy-34.png) no-repeat;
  height: 65px;
  padding-top: 28px;
  width: 79px; }

.star_moy45 {
  background: url(../images/fiche/moy-45.png) no-repeat;
  height: 65px;
  padding-top: 28px;
  width: 79px; }

.clearboth {
  clear: both; }

@media only screen and (max-width: 700px) {
  .slide-container {
    display: none; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .slide-container {
    display: none; } }
@media only screen and (min-width: 1200px) {
  .slide-container {
    padding-left: 55px;
    padding-top: 8px;
    background-color: #FFF;
    height: 290px; } }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333; }

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color: #666666; }

#TB_window a:link {
  color: #666666; }

#TB_window a:visited {
  color: #666666; }

#TB_window a:hover {
  color: #000; }

#TB_window a:active {
  color: #666666; }

#TB_window a:focus {
  color: #666666; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%; }

.TB_overlayMacFFBGHack {
  background: url(macFFBgHack.png) repeat; }

.TB_overlayBG {
  background-color: #000;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; }

* html #TB_overlay {
  /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color: #000000;
  display: none;
  border: 4px solid #525252;
  text-align: left;
  top: 50%;
  left: 50%; }

* html #TB_window {
  /* ie6 hack */
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_window img#TB_Image {
  display: block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666; }

#TB_caption {
  height: 25px;
  padding: 7px 30px 10px 25px;
  float: left; }

#TB_closeWindow {
  height: 25px;
  padding: 11px 25px 10px 0;
  float: right; }

#TB_closeAjaxWindow {
  padding: 7px 10px 5px 0;
  margin-bottom: 1px;
  text-align: right;
  float: right; }

#TB_ajaxWindowTitle {
  float: left;
  padding: 7px 0 5px 10px;
  margin-bottom: 1px; }

#TB_title {
  background-color: #e8e8e8;
  height: 27px; }

#TB_ajaxContent {
  clear: both;
  padding: 2px 15px 15px 15px;
  overflow: auto;
  text-align: left;
  line-height: 1.4em; }

#TB_ajaxContent.TB_modal {
  padding: 15px; }

#TB_ajaxContent p {
  padding: 5px 0px 5px 0px; }

#TB_load {
  position: fixed;
  display: none;
  height: 13px;
  width: 208px;
  z-index: 103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px;
  /* -height/2 0 0 -width/2 */ }

* html #TB_load {
  /* ie6 hack */
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_HideSelect {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  border: none;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height: 100%;
  width: 100%; }

* html #TB_HideSelect {
  /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#TB_iframeContent {
  clear: both;
  border: none;
  margin-bottom: -1px;
  margin-top: 1px;
  _margin-bottom: 1px; }

.bubbleInfo {
  position: relative; }

.trigger {
  position: absolute; }

/* Bubble pop-up */
.popup {
  background-color: #FFF;
  position: absolute;
  display: none;
  z-index: 50;
  border-collapse: collapse;
  padding: 10px;
  width: 250px; }

.ptgris {
  width: 100% !important;
  height: 1px !important; }

.clearboth {
  clear: both; }

@media only screen and (max-width: 700px) {
  .accueil .actu {
    display: none; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .actu {
    padding: 10px; } }
@media only screen and (min-width: 1200px) {
  .accueil .actu {
    padding: 10px; } }
@media only screen and (max-width: 700px) {
  .accueil .actu .colactu {
    margin-bottom: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .actu .colactu {
    width: 48%;
    margin-right: 2%;
    float: left; } }
@media only screen and (min-width: 1200px) {
  .accueil .actu .colactu {
    width: 48%;
    margin-right: 2%;
    float: left; } }
@media only screen and (max-width: 700px) {
  .accueil .topzone {
    display: none; } }
@media only screen and (max-width: 700px) {
  .accueil .lastmovies .collastmovie {
    width: 31%;
    height: 130px;
    padding: 1%;
    overflow: hidden;
    float: left; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .lastmovies .collastmovie {
    width: 16%;
    margin-right: 0.5%;
    float: left;
    height: 155px;
    overflow: hidden;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1200px) {
  .accueil .lastmovies .collastmovie {
    width: 16%;
    margin-right: 0.5%;
    float: left;
    height: 155px;
    overflow: hidden;
    margin-bottom: 20px; } }
.accueil .lastmovies .collastmovie img {
  border-radius: 10%; }
.accueil .filmficheUne {
  margin-bottom: 20px; }
@media only screen and (max-width: 700px) {
  .accueil .filmficheUne .photolien {
    margin-bottom: 20px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmficheUne .photolien {
    width: 45%;
    overflow: hidden;
    float: left;
    margin-right: 3%; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmficheUne .photolien {
    width: 45%;
    overflow: hidden;
    float: left;
    margin-right: 3%; } }
@media only screen and (max-width: 700px) {
  .accueil .filmficheUne .photolien img {
    width: 100%;
    border-radius: 7px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmficheUne .photolien img {
    width: 100%;
    border-radius: 7px; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmficheUne .photolien img {
    width: 100%;
    border-radius: 7px; } }
@media only screen and (max-width: 700px) {
  .accueil .filmficheUne .ficheright {
    margin-bottom: 20px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmficheUne .ficheright {
    float: left;
    width: 52%;
    margin-bottom: 20px; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmficheUne .ficheright {
    float: left;
    width: 52%;
    margin-bottom: 20px; } }
.accueil .filmficheUne .ficheright h3 {
  margin-bottom: 10px;
  display: block; }
.accueil .filmficheUne .ficheright .fichedet {
  font-weight: bold;
  line-height: 13px;
  font-family: arial;
  font-size: 12px;
  background-color: #eee;
  padding: 10px;
  border-radius: 5px; }
@media only screen and (max-width: 700px) {
  .accueil .filmficheUne .ficheright .fichedet {
    margin-bottom: 20px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmficheUne .ficheright .fichedet {
    margin-bottom: 20px; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmficheUne .ficheright .fichedet {
    margin-bottom: 20px; } }
.accueil .filmficheUne .ficheright .fichedet br {
  margin-bottom: 8px; }
@media only screen and (max-width: 700px) {
  .accueil .filmlist .colfilmlist {
    margin-bottom: 30px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmlist .colfilmlist {
    float: left;
    width: 48%;
    margin-right: 2%;
    height: 550px;
    overflow: hidden; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmlist .colfilmlist {
    float: left;
    width: 48%;
    margin-right: 2%;
    height: 550px;
    overflow: hidden; } }
.accueil .filmlist .colfilmlist h2 {
  height: 41px;
  display: block; }
.accueil .filmlist .colfilmlist h2 .edit {
  margin-right: 2%;
  float: left;
  display: block;
  width: 6%; }
.accueil .filmlist .colfilmlist h2 .titrefiche {
  float: left;
  width: 92%; }
@media only screen and (max-width: 700px) {
  .accueil .filmlist .colfilmlist .filmfiche .photolien {
    margin-bottom: 20px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmlist .colfilmlist .filmfiche .photolien {
    width: 45%;
    height: 230px;
    overflow: hidden;
    float: left;
    margin-right: 5%; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmlist .colfilmlist .filmfiche .photolien {
    width: 45%;
    height: 230px;
    overflow: hidden;
    float: left;
    margin-right: 5%; } }
@media only screen and (max-width: 700px) {
  .accueil .filmlist .colfilmlist .filmfiche .photolien img {
    width: 100%;
    border-radius: 7px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmlist .colfilmlist .filmfiche .photolien img {
    width: 100%;
    border-radius: 7px; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmlist .colfilmlist .filmfiche .photolien img {
    width: 100%;
    border-radius: 7px;
    max-height: 220px; } }
.accueil .filmlist .colfilmlist .filmfiche .fichedet {
  line-height: 13px;
  font-family: arial;
  font-size: 12px;
  background-color: #eee;
  padding: 10px;
  border-radius: 5px; }
@media only screen and (max-width: 700px) {
  .accueil .filmlist .colfilmlist .filmfiche .fichedet {
    font-weight: bold; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmlist .colfilmlist .filmfiche .fichedet {
    float: left;
    width: 40%;
    font-weight: bold; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmlist .colfilmlist .filmfiche .fichedet {
    float: left;
    width: 40%;
    font-weight: bold; } }
.accueil .filmlist .colfilmlist .filmfiche .fichedet br {
  margin-bottom: 8px; }
.accueil .filmlist .colfilmlist .filmcrit {
  font-family: arial;
  font-size: 12px; }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .accueil .filmlist .colfilmlist .filmcrit {
    height: 134px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    display: block; } }
@media only screen and (min-width: 1200px) {
  .accueil .filmlist .colfilmlist .filmcrit {
    height: 134px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    display: block; } }
.accueil .filmlist .colfilmlist .filmcrit .degrade {
  position: absolute;
  z-index: 3;
  background: url("../images/transparent.png");
  width: 22%;
  height: 134px; }
@media only screen and (max-width: 700px) {
  .accueil .filmlist .colfilmlist .filmcrit .degrade {
    display: none; } }
@media only screen and (max-width: 700px) {
  .accueil .galeriephoto {
    display: none; } }

.fichefilm .fichefilm-title {
  background-color: #CDC03D;
  padding: 10px; }
.fichefilm .fichefilm-title h1 {
  margin-bottom: 5px;
  display: block; }
.fichefilm .fichefilm-title h1 > .btn-edit {
  margin-right: 5px; }
.fichefilm .fichefilm-title h1 > .titrefiche {
  font-size: 20px;
  color: #000000; }
.fichefilm .fichefilm-title .fichefilm-stat ul {
  float: left;
  margin-right: 15px; }
.fichefilm .fichefilm-editeur {
  background-color: #eee;
  padding: 5px; }
.fichefilm .fichefilm-content {
  margin-top: 20px;
  margin-bottom: 20px; }
@media only screen and (max-width: 700px) {
  .fichefilm .fichefilm-content > .fichefilm-left {
    margin-bottom: 20px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .fichefilm-content > .fichefilm-left {
    width: 45%;
    overflow: hidden;
    float: left;
    margin-right: 2%; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .fichefilm-content > .fichefilm-left {
    width: 45%;
    overflow: hidden;
    float: left;
    margin-right: 2%; } }
@media only screen and (max-width: 700px) {
  .fichefilm .fichefilm-content > .fichefilm-left img {
    width: 100%;
    border-radius: 7px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .fichefilm-content > .fichefilm-left img {
    width: 100%;
    border-radius: 7px; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .fichefilm-content > .fichefilm-left img {
    width: 100%;
    border-radius: 7px; } }
.fichefilm .fichefilm-content > .fichefilm-left .big-stars {
  position: absolute;
  z-index: 2; }
.fichefilm .fichefilm-content > .fichefilm-left .big-stars > .big-star-col {
  float: left;
  margin-right: 5px; }
@media only screen and (max-width: 700px) {
  .fichefilm .fichefilm-content > .fichefilm-right {
    font-weight: bold; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .fichefilm-content > .fichefilm-right {
    float: left;
    width: 53%;
    font-weight: bold; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .fichefilm-content > .fichefilm-right {
    float: left;
    width: 53%;
    font-weight: bold; } }
.fichefilm .fichefilm-content > .fichefilm-right .fichedet {
  line-height: 13px;
  font-family: arial;
  font-size: 12px;
  background-color: #eee;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px; }
.fichefilm .fichefilm-content > .fichefilm-right .fichedet br {
  margin-bottom: 8px; }
.fichefilm .fichefilm-content > .fichefilm-right .menufiche {
  margin-bottom: 20px; }
.fichefilm .fichefilm-content > .fichefilm-right .notation-user {
  background-color: #cdc03d;
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px; }
.fichefilm .fichefilm-content > .fichefilm-right .notation-user .precision > img {
  width: 24px !important;
  margin-right: -1px; }
.fichefilm .notes {
  border-top: 1px solid #eee;
  margin-top: 20px;
  margin-bottom: 20px; }
@media only screen and (max-width: 700px) {
  .fichefilm .notes {
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .notes {
    padding: 20px; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .notes {
    padding: 20px; } }
.fichefilm .notes .note-group {
  margin-bottom: 10px; }
.fichefilm .notes .note-group .note-col {
  float: left;
  margin-bottom: 10px; }
@media only screen and (max-width: 700px) {
  .fichefilm .notes .note-group .note-col {
    width: 22%;
    margin-right: 2%;
    height: 50px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .notes .note-group .note-col {
    width: 15%;
    margin-right: 3%; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .notes .note-group .note-col {
    width: 15%;
    margin-right: 3%; } }
.fichefilm .notes .note-group .note-col img {
  border: 1px solid #aaa;
  border-radius: 3px; }
.fichefilm .casting {
  border-top: 1px solid #eee; }
@media only screen and (max-width: 700px) {
  .fichefilm .casting {
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .casting {
    padding: 20px; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .casting {
    padding: 20px; } }
.fichefilm .casting h3 {
  margin-bottom: 10px;
  display: block; }
.fichefilm .casting .col-casting {
  float: left;
  margin-bottom: 10px; }
@media only screen and (max-width: 700px) {
  .fichefilm .casting .col-casting {
    width: 32%;
    margin-right: 1%; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .casting .col-casting {
    width: 15%;
    margin-right: 1%; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .casting .col-casting {
    width: 15%;
    margin-right: 1%; } }
.fichefilm .casting .col-casting .casting-name {
  margin-top: 4px;
  display: block; }
.fichefilm .synopsis {
  border-top: 1px solid #eee; }
@media only screen and (max-width: 700px) {
  .fichefilm .synopsis {
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .synopsis {
    padding: 20px; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .synopsis {
    padding: 20px; } }
.fichefilm .synopsis h3 {
  margin-bottom: 10px;
  display: block; }
.fichefilm .galerie {
  border-top: 1px solid #eee; }
@media only screen and (max-width: 700px) {
  .fichefilm .galerie {
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .galerie {
    padding: 20px; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .galerie {
    padding: 20px; } }
.fichefilm .galerie h3 {
  margin-bottom: 10px;
  display: block; }
.fichefilm .pour-contre {
  border-top: 1px solid #eee; }
@media only screen and (max-width: 700px) {
  .fichefilm .pour-contre {
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .pour-contre {
    padding: 20px; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .pour-contre {
    padding: 20px; } }
.fichefilm .pour-contre h3 {
  margin-bottom: 10px;
  display: block; }
.fichefilm .pour-contre .pour-contre-col {
  float: left;
  width: 44%;
  padding: 3%; }
.fichefilm .critique {
  border-top: 1px solid #eee; }
@media only screen and (max-width: 700px) {
  .fichefilm .critique {
    padding: 10px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .fichefilm .critique {
    padding: 20px; } }
@media only screen and (min-width: 1200px) {
  .fichefilm .critique {
    padding: 20px; } }
.fichefilm .critique h3 {
  margin-bottom: 10px;
  display: block; }

.bandeau-fiche {
  display: flex;
  justify-content: center; }

@media only screen and (max-width: 700px) {
  .recherches {
    padding: 20px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .recherches {
    padding: 20px; } }
@media only screen and (min-width: 1200px) {
  .recherches {
    padding: 30px; } }
.recherches .titre {
  height: auto;
  display: block; }
@media only screen and (max-width: 700px) {
  .recherches > .rech-left {
    margin-bottom: 20px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .recherches > .rech-left {
    float: left;
    width: 45%;
    margin-right: 5%; } }
@media only screen and (min-width: 1200px) {
  .recherches > .rech-left {
    float: left;
    width: 45%;
    margin-right: 5%; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .recherches > .rech-right {
    float: left;
    width: 50%; } }
@media only screen and (min-width: 1200px) {
  .recherches > .rech-right {
    float: left;
    width: 50%; } }
.recherches > .rech-right > .rech-bulle {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 10px; }

.critique-zone > .crit-user {
  margin-bottom: 20px; }
@media only screen and (max-width: 700px) {
  .critique-zone > .crit-content {
    font-size: 16px; } }
@media only screen and (min-width: 701px) and (max-width: 1199px) {
  .critique-zone > .crit-content {
    font-size: 15px; } }
@media only screen and (min-width: 1200px) {
  .critique-zone > .crit-content {
    font-size: 14px; } }

/*# sourceMappingURL=style.css.map */