/* CLF 2.0 TEMPLATE VERSION 1.04 | VERSION 1.04 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | DEBUT DU CSS GENERAL */
* p, a {line-height: 150%;}
a:link, a:visited {
	color: #900;
  font-weight: bold;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	text-decoration: underline;
}
div.colLayout {clear:both;}
div.left, div.main-content {padding-bottom: 50px;}
div.banner p.main {font-weight: normal;}
button {
	cursor: pointer;
  border-style: none;
  border-collapse: collapse;
  background-color: transparent;
}
p.breadcrumb {
	font-size: 85%;
  line-height: 125%;
}
p.breadcrumb a:link, p.breadcrumb a:visited {
	color: #900;
  text-decoration: none;
  font-weight: normal;
}
p.breadcrumb a:hover, p.breadcrumb a:active, p.breadcrumb a:focus {
  text-decoration: underline;
}
p.breadcrumb a.last {
	color: #000;
}
div.search {
  background: #d9d9d8 url(/medias/images/clf/search-bar-bg.jpg) no-repeat 0 0;
  border-bottom:5px solid #fff;
}
div.search div.quick-shortcut *,div.search div.search-box *{
  float:left;
}
div.search div.quick-shortcut {
	float: left;
  width: 288px;
  padding: 10px 10px;
  background: transparent url(/medias/images/clf/search-bar-sep.gif) no-repeat 100% 0px;
  margin-top: 3px;
}
div.search div.quick-shortcut select {
	width: 130px;
  border: 1px solid #a5acb2;
  background-color: #fff;
  font-size: 1em;
  float:left;
  padding: 0px 0px;
  margin: 1px 0 0;
}
div.search div.search-box {
  width: 577px;
  padding: 10px 10px;
}
div.search div.search-box-inputs label{
  margin-top: 3px;
}
div.search div.search-box-inputs div.btn-submit {
  margin-top: 1px;
}
div.search div.search-box input.txt-field {
	border: 1px solid #a5acb2;
  background: #fff url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 3px -298px;
  padding: 3px 0px 3px 22px;
  width: 380px;
  right: 9.7em;
  margin: 0px;
  margin-bottom:8px;
}
div.btn-submit {
	border-top: 1px solid #a5acb2;
  border-right: 1px solid #8a9095;
  border-bottom: 1px solid #8a9095;
  border-left: 1px solid #a5acb2;
  margin-left: 8px;
  width: 7.5em;
  height: 1.75em;
  background: #dcdfe4 url(/medias/images/clf/btn-top-bg.gif) repeat-x left top;
}

div.btn-submit button {
	border: 0px;
  width: 7.5em;
  height: 1.75em;
  background: transparent url(/medias/images/clf/btn-bottom-bg.gif) repeat-x left bottom;
}

div.search div.search-box div.btn-submit.small {
  width:7em;
  right: 1.5em;
}

div.btn-submit.small{
  font-size:0.85em;
  width:7em;
}
div.btn-submit.small button{
  width:7em;
}
div.search div.search-box form {
	display: inline;
  margin: 0; padding: 0;
}

div.top-center-right {
  float: left;
  width: 605px;
  padding: 0;
}
div.top-center-right div.box-content {
  background-color: #000;
  padding: 5px;
}
div.top-center-right div#preview-wrapper {
	float: left;
  width: 469px; height: 202px;
  text-align: center;
}
div.top-center-right div#preview-wrapper div.img-preview {
	display: none;
}
div.top-center-right div#preview-wrapper div.img-preview img {
	width:469px;
	height:202px;
}
div.top-center-right div#preview-wrapper div.img-preview.active {
	display: block;
}
div.top-center-right div#preview-selector {
	float: right;
  width: 121px;
  overflow: hidden;
}

div.top-center-right div#preview-selector ul {
	list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}

div.top-center-right div#preview-selector ul li {
	display: block;
  width: 106px;
	height: 40px;
  min-height: 3.1em;
  vertical-align: middle;
  color: #fff;
  background-color: #606060;
  margin: 0 0 1px 0;
  padding: 5px 10px 5px 5px;
}
div.fp {
  margin-bottom:2px;
}
/* 
	***** ATTENTION *****
	Une méthode doit être appliquée pour centrer verticallement les liens dans le LI. Le display: table-cell ne fonctionne pas dans tous les browsers (IE entre autre)
  une solution javascript peut être appliquée ou voir À convertir la liste en table.
*/
div.top-center-right div#preview-selector ul li a {display: table-cell; width: 106px; height: 40px; vertical-align: middle;}
/***** FIN ATTENTION *****/
div.top-center-right div#preview-selector ul li a:link, div.top-center-right div#preview-selector ul li a:visited {color: #fff; font-size: 0.85em; font-weight:normal;}
div.top-center-right div#preview-selector ul li a:hover, div.top-center-right div#preview-selector ul li a:active, div.top-center-right div#preview-selector ul li a:focus {text-decoration: underline;}
div.top-center-right div#preview-selector ul li.active a {
  background: transparent url(/medias/images/clf/white-left-arrow.gif) no-repeat 0 center;
  font-size: 0.95em;
  padding-left: 10px;
}

div.top-center-right div#preview-selector ul li.active {
	height: 39px;
  min-height: 3em;
  background-color: transparent;
}
div.top-center-right div.preview-info {
  height: 86px;
  min-height: 6.7em;
  background: #000 url(/medias/images/clf/preview-info-bg.gif) repeat-x 0 0;
  width: 605px;
  margin-bottom: 5px;
}
div.top-center-right div.preview-info div.info-content {
	/*padding: 22px 12px 21px 12px;*/
	position:relative;
}
div.top-center-right div.preview-info div.info-content img.play-button {
  	position: absolute;
  	width: 41px;
  	height: 41px;
	top:20px;
	/*top:-24px !ie;*/
	right:40px;
	z-index:2;
}
div.top-center-right div.preview-info div.info-content h2 {
	float: left;
	margin:10px 5px 10px 10px; 
	width:465px;
	padding: 0em;
  	color: #fff;
  	font-size: 1.5em;
  	font-weight: normal;
  	font-family: Arial, Helvetica, sans-serif
}
div.top-center-right div.preview-info div.info-content span {
	width:465px;
	margin-left:10px;
  	color: #fff;
  	float:left;
  	font-size: 0.9em;
  	font-family: Arial, Helvetica, sans-serif
}

div.main-content {
	float: left;
  width: 605px;
  overflow:hidden;
  padding-left: 5px;
}
div.center {
	margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
  clear: left;
  float: left; display: inline;
  width: 404px;
  overflow: hidden; /* Pour IE 6 -- Les H1 font défonser le layout, je ne sais pas pourquoi. C'est à voir ! -- voir div.center.h1 plus bas */
}

div.center div.ctr-content-block {
	padding: 0 12px 20px;
}
div.center h1 {
	background: transparent url(/medias/images/clf/center-extra-edge.gif) no-repeat left top;
  color: #333333;
  font-size: 1.9em;
  padding: 0.7em 12px 0.2em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px;
}
div.center a:link, div.center a:visited, div.center a:hover, div.center a:focus, div.center a:active {
	color: #900;
}

ul.link-list-arrow {
	list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
  margin: 0px;
  padding: 0px;
}
ul.link-list-arrow li {
	border-top: 1px dashed #999;
  padding: 12px 12px 12px 35px;
  background: transparent url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 0 -441px;
}

div.col2-content-block {
  clear: both;
	border-top: 1px solid #494949;
}
div.col2-content-block.no-border {
  clear: none;
	border-top: 0px none !important;
}

div.col2-content-block h1 {
	background-image: none;
  color: #333333;
  font-size: 1.9em;
  padding: 0.4em 12px 0.2em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px;
}
div.col2-content-block h2.white-on-black {
	background-color: transparent;
  color: #000;
  font-size: 1.4em;
  padding: 0.4em 12px 0.4em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px;
}
div.col2-content-block h2.white-on-black.extra-large{
  padding-top:0.5em;
  padding-bottom:0.5em;
  text-transform:none;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  margin-bottom:0.5em;
  min-height: 3em;
 /* *height: 3em;
  *height: auto !important;*/
}
div.col2-content-block h2.white-on-black {
	background-color: #000;
  color: #fff;
}

div.col2-content-block h3 {
	background-color: transparent;
  font-size: 1.3em;
  padding: 0.5em 10px 0;
  font-weight: bold;
  margin: 0px;
}
div.col2-content-block h4 {
  padding: 0.5em 10px 0;
}
div.col2-content-block .toc h3 {
	background-color: transparent;
	color: #000;
  font-size: 1.4em;
  padding: 0.5em 10px 0;
  font-weight: bold;
  margin: 0px;
}
div.col2-content-block h3.grey, div.col2-content-block h2.grey {
	background-color: transparent;
  color: #606060;
  font-size: 1.4em;
  padding: 0.5em 12px 0;
  font-weight: normal;
  margin: 0px;
}
div.col2-content-block h2.grey {
  padding-top: 1em;
  text-transform: none;
}
div.col2-content-block div.center {
	padding: 0;
  width: 410px;
}
div.col2-content-block div.center.small-width{
  width:404px;
}
div.col2-content-block div.ctr-content-block {
  font-size: 0.9em;
	padding: 0 5px 5px;
}
div.col2-content-block div.ctr-content-block p {
	margin: 1em 10px;
}
div.col2-content-block div.center div.ctr-content-block ul {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0 10px;
	line-height:1.5em;
}
div.col2-content-block div.center .toc div.ctr-content-block ul {
  margin: 10px;
}
div.col2-content-block div.center div.ctr-content-block .message {
  background-color: #FFF685;
  font-weight: bold;
  padding: 12px;
  margin: 1em 0;
}

div.col2-content-block div.center div.ctr-content-block .message p {
  line-height: 1.5em;
  font-weight: normal;
  margin: 0 0 1em;
}

div.col2-content-block div.center div.ctr-content-block .condition {
  margin: 10px;
  text-align: right;
}

.leftlabel {
  clear: both;
  margin: 0 10px;
}
.leftlabel label {
  display: inline;
  float: left;
  margin: 7px 0;
  width: 150px;
}
.leftlabel input, .leftlabel textarea {
  background-color: #fff;
  border: 1px solid #A5ACB2;
  display: inline;
  float: left;
  height: 15px;
  margin: 8px 0 8px 6px;
  position: relative;
  width: 222px;
  font-size: 1em;
}
.leftlabel textarea {
  height: 150px;
}

.action-form {
  clear: both;
}

.action-form div.btn-submit {
  float: right;
  margin-right: 10px;
  margin-top: 15px;
  white-space: nowrap;
}
.action-form div.btn-submit.xx-large, .action-form div.btn-submit.xx-large button {
  width: 15em;
  height: 2em;
}


.offwhite-bg {
 background-color: #f8f7f8;
}
.offred-bg {
 background-color: #980000;

}
.offred-bg a{
 color: #fff;
}
h2.white-on-black {
	color: #fff;
  background-color: #000;
}

.management_block {
  clear: left;
  padding: 10px 0;
}
.management_block .picture {
  float: left; display: inline;
  margin: 10px;
  width: 97px;
}
.management_block .picture .thumb_org {
  width:97px;
}
.management_block .management_content {
  display: inline;
  float: left;
  width: 282px;
}
.management_block h2 {
  font-size: 1.3em;
  margin:0.83em 10px;
}
.management_block h2, .management_block strong {
  display: block;
  margin-top: 10px;
}


/* CSS POUR LES MENUS DE SECOND NIVEAU (EN HAUT À DROITE) */
div#mnu-niv-2 {
	float: right;
  width: 195px;
  border-top: 5px solid #494949;
}
div#mnu-niv-2 h2 {
  color: #606060;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: normal;
  margin: 0px;
  padding: 5px 10px 0.6em;
  text-transform: uppercase;	
}
div#mnu-niv-2 ul {
	padding: 0 5px 5px;
}

div#mnu-niv-2 li.menucontent, div#mnu-niv-2 div.menucontent {
	padding: 0.2em 5px;
}

div#mnu-niv-2 li.menucontent, div#mnu-niv-2 a.menulink {
	clear: both;
	background-color: transparent;
	color: #900;
	text-decoration: none;
  font-weight: bold;
  font-size: 95%;
  font-family: Arial, Helvetica, sans-serif;
}
div#mnu-niv-2 li.menucontent.active {
	background-color: #e5e5e5;
}
div#mnu-niv-2 a.menulink:hover, div#mnu-niv-2 a.menulink:active, div#mnu-niv-2 a.menulink:focus {
	text-decoration: underline;
}
div#mnu-niv-2 li.menucontent a.menulink.active {
	color: #000;
	text-decoration: none;
}

/* CSS POUR LES MENUS DE TROISIÈME NIVEAU (MILIEU À DROITE) */
div#mnu-niv-3 {
	float: right;
  width: 195px;
  border-top: 22px solid #000;
}
div#mnu-niv-3 h2 {
  color: #606060;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: normal;
  margin: 0px;
  padding: 5px 10px 0.6em;
  text-transform: uppercase;	
}
div#mnu-niv-3 ul {
	padding: 0 5px 5px;
}

div#mnu-niv-3 li.menucontent, div#mnu-niv-3 div.menucontent {
	padding: 0.2em 5px;
}

div#mnu-niv-3 li.menucontent, div#mnu-niv-3 a.menulink {
	clear: both;
	background-color: transparent;
	color: #900;
	text-decoration: none;
  font-weight: bold;
  font-size: 95%;
  font-family: Arial, Helvetica, sans-serif;
}
div#mnu-niv-3 li.menucontent.active {
	background-color: #e5e5e5;
}
div#mnu-niv-3 li.menucontent.addspace {
  margin-top: 1em;
}
div#mnu-niv-3 a.menulink:hover, div#mnu-niv-3 a.menulink:active, div#mnu-niv-3 a.menulink:focus {
	text-decoration: underline;
}
div#mnu-niv-3 li.menucontent a.menulink.active {
	color: #000;
	text-decoration: none;
}

div#mnu-niv-3 ul.selecteur-alpha {
  list-style-type: none;
  margin: 0;
}
div#mnu-niv-3 ul.selecteur-alpha li {
  float: left;
  width: 2.25em;
  text-align: center;
  padding: 0.5em 0;
}
div#mnu-niv-3 ul.selecteur-alpha li a {
  padding: 0.2em 0.5em;
}
div#mnu-niv-3 ul.selecteur-alpha li.active a {
  border: 1px solid #999;
  background-color: #fff;
  color: #000;
}
fieldset {
  border: 0 none;
  padding: 0 10px;
}

div.col2-content-block h3.extra-edge {
	background: transparent url(/medias/images/clf/center-extra-edge.gif) no-repeat left top;
  color: #666666;
  font-size: 1.5em;
  padding: 0.7em 12px 0.2em;
  font-weight: normal;
  text-transform: none;
  margin: 0px;
}
/* GENERAL CSS ENDS | FIN DU CSS GENERAL */

/* DÉBUT CSS SPÉCIFIQUE POUR LA SECTION PROFESSIONNELS DU FILM */
col2-content-block ul.projets-conditions li, div.col2-content-block div.center div.ctr-content-block ul.projets-conditions li {
  list-style-type:square;
  margin:1em 20px 1em 25px;
  padding-left:10px;
}

/* FIN CSS SPÉCIFIQUE POUR LA SECTION PROFESSIONNELS DU FILM */

/* DEBUT DU CSS FORMULAIRE DE RECHERCHE DANS LA COLONNE DE DROITE */
div.rmnu-search {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  background: #fff url(/medias/images/clf/right-search-bg.gif) repeat-x 0 0;
}
div.rmnu-search form {
  display: inline;
}

div.rmnu-search fieldset legend {
  font-size: 0.8em;
  color: #666;
  text-transform: uppercase;
  margin: 5px 0;
  white-space: normal;
 /* *margin-left:-0.52em; */
}
div.rmnu-search input.txt-field {
  float: left;
	border: 1px solid #a5acb2;
  padding: 3px;
  width: 131px;
  margin: 0px;
}
div.rmnu-search select.txt-field {
  float: left;
	border: 1px solid #a5acb2;
  padding: 1px;
  width: 169px;
  margin: 0px;
}
div.rmnu-search div.txt-field {
  clear: both;
  margin-top: 1em;
}
div.rmnu-search div.txt-field label {
  display: block;
  font-size: 0.85em;
  margin-bottom: 0.3em;
}
div.rmnu-search div.txt-field a.dp-choose-date {
  float: left;
  width: 17px; height: 18px;
  text-indent: -8000px;
  overflow: hidden;
  background: transparent url(/medias/images/clf/calendar-icon.gif) no-repeat 0 0;
  position: relative;
  margin: 3px 0 0 9px;
}
div.rmnu-search div.search-box-inputs {
  clear: both;
  margin: 0.5em 0 0;
}
div.rmnu-search div.search-box-inputs input.txt-field {
  float: none;
  background: #fff url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 3px -298px;
  padding: 3px 0px 3px 22px;
  width: 147px;
}
div.rmnu-search div.search-box-inputs div.btn-submit {
  float: right; display: inline;
  margin-top: 0.5em;
  margin-right: 32px;
}
div.rmnu-search.professionels div.search-box-inputs div.btn-submit {
  float: right; display: inline;
  margin-top: 0.5em;
  margin-right: 20px;
}
/* FIN DU CSS FORMULAIRE DE RECHERCHE DANS LA COLONNE DE DROITE */

/* DEBUT DU CSS SPÉCIFIQUE À LA SALLE DE PRESSE  | SPECIFIC PRESS ROOM CSS BEGINS */
/* CONTENU SALLE DE PRESSE */
div.communiques div.result-block {
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 10px 10px 1.4em;
}
div.communiques div.result-block span.date {
  display: block;
  color: #666;
  font-size: 0.85em;
}
div.communiques div.warning {
  margin: 10px 10px 1.4em;
}
div.communiques p.agree {
  text-align: center;
}
div.communiques p.agree a {
  font-size:1.5em;
  font-weight:bold;
}

div.communiques dl.to-download {
  margin: 1em 10px;
  font-size: 0.85em;
}
div.communiques dl.to-download dd {
  margin: 1em 0;
}

div.communiques ul.relation-lists li {
  margin: 1.5em 0;
}

.liste-de-film-alpha {
  margin: 1.5em 0 0 10px;
}
.liste-de-film-alpha .letter-tag {
  float:left;
  font-size:5em;
  line-height: 1em;
  font-weight:bold;
  margin:0;
  padding:0;
  position: relative;
  top: -0.1em;
  width:48px;
}
.liste-de-film-alpha .letter-tag a {
  color: #999;
}
.liste-de-film-alpha .film-tag {
  line-height:1.5em;
  margin: 0.5em 0 0 75px;
}

.slide {
  background-color:#FFFFFF;
  border:1px solid silver;
  float:left;
  margin:0 0 10px 10px;
  width:184px;
}
.slide p {
  font-size:0.8333em;
  text-align:center;
  line-height:1.5em;
  margin:1em 10px;
}
.slide img {
  display:block;
  margin:16px auto;
  border-width: 0;
}

.film-info {
  clear: both;
  padding: 1em 0;
}
.film-info p {
  margin: 1em 10px;
}
.film-info b {
  font-weight: normal;
  color: #cc6600;
}
/* FIN DU CSS SPÉCIFIQUE À LA SALLE DE PRESSE  | SPECIFIC PRESS ROOM CSS ENDS */

/* CONTENU SALLE DE PRESSE */
div.newspage {
  padding: 0 0px;
  margin-bottom: 2em;
}
div.newspage div.result-block {
  clear: both;
  font-size: 0.9em;
  line-height:1.5em;
  margin: 10px 10px 1.4em;
}
div.newspage div.result-block span.date {
  display: block;
  color: #666;
  font-size: 0.85em;
}
div.newspage div.result-block div.news-img {
  float: left; display: inline;
  width: 97px;
}
div.newspage div.result-block p {
  margin-left: 2px;
}
div.newspage div.result-block p.news-info {
  margin-left: 115px;
}
/*div.rss-newspage h1 {
  position:relative;
  text-transform:uppercase;
  margin-right: 285px;
  width:300px;
}*/
div.rss-newspage h1 a.rss-link {
  float: right;
  font-size: 0.5em;
  margin-top: 0.8em;
  /**margin-top: 0.4em;*/
}

/* FIN CSS SPÉCIFIQUE À LA SECTION NEWS */

/* DÉBUT CSS COLLECTION */

div.collection-top-bg{
  background:#FFF url(/medias/images/clf/top-box-bg.gif) repeat-x left top;  
}
div.collection-top-bg div{
  background-color:transparent;
}
div.collection-search a{
  font-size:0.9em;
}

div.collection-proposition{
  background-color:#eee;
  width:404px;
}
div.collection-proposition img{
  margin-left:10px;
}
div.box2-content{
  padding-right:10px;
}
div.box2-content h2, div.right h2{
  background: transparent url(/medias/images/clf/center-extra-edge.gif) no-repeat left top;
  padding-top: 0.7em;
  margin-top:0;
  margin-bottom:0;
  font-size:1.4em;
  text-transform:uppercase;
  font-weight:normal;
  padding-left:10px;
}

div.collection-search-header{
  margin-bottom:20px;
}

div.prop-cont{
  padding:0 10px;
}
div.meta{
  font-size:0.9em;
  font-weight:normal;
  margin-bottom:1em;
  padding-left:1em;
}
div.coll-proposition div.prop-image {
  text-align:center;
}
div.box2-content p.coll-consulter{
  padding-bottom:2em;
  font-size:0.9em;
}
.collection-fiche-image{
  position:relative;
  background-repeat:no-repeat;
  background-position: top left;
  width:394px;
  height:250px;
}
div.play-bottom {
  position: absolute;
  bottom: 4px;
  width:100%;
  background: transparent url(/medias/images/clf/blkpx-59.png) repeat 0 0;
  /*padding: ajuste pour le tour du play;*/
  vertical-align:middle;
}
div.play-bottom a.play-online, div.play-bottom a.play-online:visited {
  display: block;
  background: transparent url(/medias/images/clf/collection-play-online.png) no-repeat 10px center;
  padding:20px 0 20px 60px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  font-size:1.2em;
}

/*GV 2009-10-26 */
div.play-bottom-coll {
  position: absolute;
  bottom: 4px;
  width:100%;
  background: transparent url(/medias/images/clf/blkpx-59.png) repeat 0 0;
  /*padding: ajuste pour le tour du play;*/
  vertical-align:middle;
}
div.play-bottom-coll div.play-online-coll {
  display: block;
  background: transparent url(/medias/images/clf/collection-play-online.png) no-repeat 10px center;
  padding:20px 5px 20px 60px;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:normal;
  font-size:1em;
}
div.play-bottom-coll div.play-online-coll a {
	color:#fff;
	font-size:1em;
}



div.box2 ul.nav li.menucontent a{
  color:#900;
}
div.box2 ul.nav li.menucontent{
  padding:0.2em 5px;
}
ul.menu_extra_space li{
  margin-bottom:1em;
}
.no-edge{
  background-image:none !important;
}
.medium_menu_icon{
  clear: both;
  padding:15px 0 10px 0.5em !important;
  height: auto;
}
.medium_menu_icon a, .medium_menu_icon span{
  padding:8px 0 8px 45px !important;
}
.buy_icon a.icon{
  background:url(/medias/images/clf/sprits/sprite-medium.gif) no-repeat 0 2px ;
}
.site_icon a.icon{
  background:url(/medias/images/clf/sprits/sprite-medium.gif) no-repeat -1px  -198px ;
}
		/*ajustement a l'icone "site web" de la fiche film || jsb 05-2009 */
		.css_fr li.site_icon{
		  background:url(/medias/images/clf/sprits/sprite-medium.gif) no-repeat 5px  -198px ;
		  padding:0 0 0 52px !important;
		}
		.css_fr li.site_icon a.icon{
  		  background-image:none;
		  padding:0px !important;
		}	
	
	
.view_icon span{
  background:url(/medias/images/clf/sprits/sprite-medium.gif) no-repeat -1px  -395px ;
}

a.lnk-top{
  float:right;
  padding: 2em 40px 0 0;
  font-size:0.85em;
  background:transparent url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat scroll 100% -2075px;
}
div.lists_two_column ul{
  display:inline;
  float:left;
  width:45%;
  list-style-position: outside;
  list-style-type: none;
  list-style-image: none;
  margin:0;
  padding:0;
}

div#h-month-selector {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
	top: -2.5em;
	padding-right: 1em;
}
  div#h-month-selector a.prev-month {
    padding-right: 12px;
    margin-right: 12px;
    background:transparent url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 100% -3146px;
  }
  div#h-month-selector a.next-month {
    padding-left: 12px;
    margin-left: 12px;
    background:transparent url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 0 -3296px;
  }
  div#h-month-selector span {
    font-size: 1.3em;
  }


/* DÉBUT CSS PORTRAIT */
div.coll-portrait{
  margin:1em 0;
}
div.coll-portrait h2{
  background-image:none;
}
div.coll-portrait div.coll-portrait-content{
  padding:10px;  
  width:255px;
  float:right;
}

div.portrait{
  text-align:center;
  width:130px;
  font-size:1.2em;
}

div.portrait a{
  font-size: 0.8em;
}

div.portrait img{
  display:block; 
}
/*********************************
COLONNE DE DROITE
*********************************/

div.right h2{
  background: transparent url(/medias/images/clf/right-extra-edge.gif) no-repeat left top;
}
div.col-right div.ctr-content-block{
  margin-left:1em;
  margin-top:1em;
}
div.r-block-content{
  margin:1em;
  font-size:0.9em;
  line-height:1.5em;
  padding-bottom: 10px;
}

/*********************************
COLLECTION CATEGORIES
*********************************/

div.collection-content div.content-box.categorie h3, div.collection-content div.content-box.categorie h4, div.collection-content div.content-box.categorie a{
  font-family: Arial,Helvetica,sans-serif;
}

div.collection-content div.content-box.categorie h3{
  font-size:0.9em;
  background-color:#b3dd11;
  padding-bottom:0.3em;
  padding-left:0.5em;
  margin-bottom:1em;
}
div.collection-content div.content-box.categorie h3 a{
  padding-left:1em;
  background: url('/medias/images/clf/arrow-down-heading.gif') no-repeat 0 50%;
}
div.collection-content div.content-box.categorie h4{
  font-size:1.8em;
  margin:0;
}
div.content-box.categorie h4 a{
  color:#99cc00;
}
div.collection-content div.content-box.categorie.selected1 h3{
  background-color:#e6e6e6;
}
div.collection-content div.content-box.categorie.selected2 h3{
  background-color:#cccccc;
}
div.content-box.categorie ul{
  /*display:inline;*/
  list-style-type:none;
  list-style-position:outside;
  margin:1em;
  padding:0;
  width:29%;
  float:left;
}

div.content-box.categorie ul li{
  background:url(/medias/images/clf/arrow-right-list.gif) no-repeat 0 0.8em;
  margin:0;
  padding:0.4em 1em;
  border-top:1px solid #cccccc;
}
div.content-box.categorie ul li a, div.content-box.categorie ul li a:visited{
  font-size:0.9em;
  font-weight:normal;
  color:#000;
}

/*GV 2009-10-15*/
div.content-box.categorie ul.ulnostyle {
	width:100%;
	float:none;
	margin-left:110px;
	font-size:0.9166em;
	margin-top:0px;
}

div.content-box.categorie ul.ulnostyle li {
	background-image:none;
	border:0px;
	padding:0px;
	margin-left:0px;
	margin-bottom:2px;
}

div.content-box.categorie ul li a, div.content-box.categorie ul li a:visited{
  font-size:1em;
  font-weight:bold;
  color:#990000;
}
/**/



ol.collection {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}
ol.collection li {
}
ol.collection li {
  background-color:#EEE;
  clear:both;
  min-height:82px;
  padding:0.5em;
}

/*GV 2009-10-15 */
ol.collection ul.ulnostyle li {
	min-height:0px;
}

.onfb-bloc li, .onfb-bloc dd, .onfb-bloc dt, .listing div {
  line-height:1.5em;
}
.resultats-recherche li {
  background-color:#EEE;
  margin:2.3333em 0;
  padding:10px;
}

.resultats-recherche .onf-nfb-vignette {
  border:1px solid #000;
  float:left;
  margin:0;
}
.resultats-recherche .onf-nfb-vignette img {
  display: block;
}
ol.collection div {
  color:#000;
  font-size:0.9166em;
  margin-bottom:0.2727em;
  margin-left:110px;
}
.resultats-recherche .onf-nfb-film {
  color:#000000;
  font-size:1.0909em;
  font-style:normal;
  font-weight:bold;
}
.resultats-recherche li {
  background-color:#EEE;
  margin:2.3333em 0;
  padding:10px;
}
/*********************************
  PORTRAITS
*********************************/
div.content-box.categorie.portrait-index ul {
  width: auto;
  float:none;
  margin: 1em 10px;
}
#mnu-niv-3.portrait-right{
  border-top-width:5px;
}
div.rmnu-search.portrait-right{
  padding-bottom:1em;
}
div.portrait-image {
  float:left;
  width:140px;
  margin-left:1em;
  display:inline;
  clear:both;
  margin-top:1em;
}
div.portrait-text{
  margin:0;
  margin-left:150px;
  margin-right:1em;
}

/*********************************
CHAMPS DE FORMULAIRE
*********************************/
form#recherche-avancee{
  border-bottom:5px solid #efefef;
  padding-bottom:2em;
}
input#collection-recherche-titre{
  float:none;
  width:95%;
  margin-top:2em;
}
input#txt-index-collection-recherche{
  float:left;
  margin-top:2.8em;
  /**margin-top:2.6em;*/
}
div.collection-adv-search.ctr-content-block{
  font-size:0.85em;
  padding:0 5px 5px;
}
div.collection-adv-search.ctr-content-block p{
  line-height:1.5em;
  margin:1em 10px;
}
div.collection-search .txt-field, div.collection-search a, div.collection-adv-search .txt-field{
  margin-left:10px;
  margin-bottom:0.5em;
}
div.collection-search .txt-field,div.collection-adv-search .txt-field{
  color:#666;
  padding:3px;
  font-size:0.9em;
  border:1px solid #A5ACB2;
  width:217px;
}
div.collection-search div.btn-submit{
  float: left;
  margin-top: 2.4em;
  margin-bottom: 0.5em
}
div.collection-adv-search div.btn-submit{
  margin-top:0;
  margin-bottom: 0.5em
}
input.txt-field.small {
  width:3em !important;
  margin:0;
}
div.gallery-thumbs img{
  margin-top:1em;
  vertical-align:top;
  width:96px;
}

/* GRILLE */
div.ctr-g50 {
  float: left; display: inline;
  width: 194px;
  margin: 1em 0;
}
div.ctr-g50.prim {
  margin-right: 12px;
}
div.ctr-g50 .sugg-thumb {
  width: 194px;
  height: 89px;
  border: 0px;
}

.indented {
  margin: 1em 2em !important;
}
.strong {
  font-weight: bold;
}
/* INSTITUTIONAL BANNER CSS BEGINS | DEBUT DU CSS DE LA BANNIERE INSTITUTIONNELLE */
div.banner {
	background: url(/medias/images/clf/banner-bg.gif) #000 repeat-x left top;
}
/* INSTITUTIONAL BANNER CSS ENDS | FIN DU CSS DE LA BANNIERE INSTITUTIONNELLE */

/* GENERAL NAVIGATION CSS BEGINS | DEBUT DU CSS DE NAVIGATION GENERALE */
div.left h2.nav, div.left span.nav {
	margin-top: 10px;
	background: url(/medias/images/clf/sprits/sprit-left-menu-edge.gif) transparent no-repeat 0 0;
	color: #606060;
  padding: 0.7em 0 0.6em;
  text-transform: uppercase;
  font-size: 90%;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
}
div.left span.nav {display: block;}
div.left h2.nav.first, div.left span.nav.first {margin-top: 0;}
div.left h2.nav.mnu-bar-grey, div.left span.nav.mnu-bar-grey {background-position: 0 0;}
div.left h2.nav.mnu-bar-orange, div.left span.nav.mnu-bar-orange {background-position: -200px 0;}
div.left h2.nav.mnu-bar-dark-red, div.left span.nav.mnu-bar-dark-red {background-position: -400px 0;}
div.left h2.nav.mnu-bar-light-grey, div.left span.nav.mnu-bar-light-grey {background-position: -600px 0;}
div.left h2.nav.mnu-bar-light-olive, div.left span.nav.mnu-bar-light-olive {background-position: -800px 0;}
div.left h2.nav.mnu-bar-light-purple, div.left span.nav.mnu-bar-light-purple {background-position: -1000px 0;}
div.left h2.nav.mnu-bar-blue, div.left span.nav.mnu-bar-blue {background-position: -1200px 0;}
div.left h2.nav.mnu-bar-red, div.left span.nav.mnu-bar-red {background-position: -1400px 0;}
div.left h2.nav.mnu-bar-brown, div.left span.nav.mnu-bar-brown {background-position: -1600px 0;}
div.left h2.nav.mnu-bar-green, div.left span.nav.mnu-bar-green {background-position: -1800px 0;}

li.menucontent, div.menucontent {
	padding: 0.5em 0.1em 0.5em 0.6em;
}

div.left li.menucontent, div.left div.menucontent, div.left a.menulink {
	clear: both;
	background-color: transparent;
	color: #900;
	text-decoration: none;
  font-weight: bold;
  font-size: 95%;
  font-family: Arial, Helvetica, sans-serif;
}
/* div.left a.lnk-store {
	background: url(/medias/images/clf/sprits/sprit-icons.gif) transparent no-repeat 0px 0px;
  padding-left: 22px;
  *background-position: 0px 0.5em;
}*/
div.left a.menulink:hover, div.left a.menulink:active, div.left a.menulink:focus {
	text-decoration: underline;
}
a.lnk-print {
	background: #f0f0f0 url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 10px -2247px;
  padding: 4px 0px 4px 36px;
  display: block;
  font-size: 0.85em;
  margin-top: 0.8em;
}

/* GENERAL NAVIGATION CSS ENDS | FIN DU CSS DE NAVIGATION GENERALE */

/* CSS POUR LES RSS CHANGÉS DANS LA COLONNE DE DROITE */
div#rss-manchettes {
  background: url(/medias/images/clf/right-extra-edge.gif) transparent no-repeat 0 0;
  width:194px;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
div#rss-manchettes h1 {
	font-size: 0.85em;
  color: #999;
  text-transform: uppercase;
  margin: 0 70px 0 5px;
  width: 125px;
  position: relative;
  padding: 1em 0 0.6em;
}
div#rss-manchettes h1 a.rss-link {
  position: absolute;
  right: -60px;
  top: 1em;
}
div#rss-manchettes div.news-block {
	padding: 5px;
  color: #666;
  margin-bottom: 22px;
}
div#rss-manchettes div.news-block img {
	margin-bottom: 10px;
}
div#rss-manchettes div.news-block p {margin: 0px;}

a.rss-link {
  color: #900;
  text-transform: none;
  padding-right: 18px;
  background: transparent url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat right -150px;
}

/* FIN DES CSS POUR LES RSS CHARGÉS DANS LA COLONNE DE DROITE */

/* CSS POUR LA PAGINATION */
.page-nav a.actif {
  /*color:#669900;*/
  text-decoration:none;
  border-width: 0px;
}
.page-nav a {
  padding:0.2em 0.5em;
  border:1px solid #666;
  /*text-decoration:none;*/
}
.page-nav a.nav-link-text{
  border:0;
  background: transparent url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 0 -1795px;
}
.page-nav a.nav-link-text.prev {
  padding-left: 12px;
}
.page-nav a.nav-link-text.next {
  padding-right: 12px;
  background-position: right -1945px;
}
.page-nav a.nav-link-text span {
  font-weight:lighter;
}
div.coll-furtage {
  font-size: 0.85em;
  background-color:#FFFFFF;
  margin: 1em;
  text-align:center;
}

/* FIN DES CSS POUR LA PAGINATION */

/* FOOTER CSS BEGINS | DEBUT DU CSS DU PIED DE LA PAGE */
div.foot1, div.foot2, div.foot3 {
	color: #666;
}
div.footer div.footerline {
	background-color: #000;
}
div.footer a:link, div.footer a:visited, div.center div.footer a:link, div.center div.footer a:visited, div.center div.topPage a:link, div.center div.topPage a:visited, div.center p.topPage a:link, div.center p.topPage a:visited {
  background-color: transparent;
  color:#900;
}
div.footer.home-ft-wrapper {
	border-top: 5px solid #adadad;
  background-color: #f4f4f4;
  height: auto;
  min-height: 15em;
}
div.footer div.home-ft {padding: 5px 5px 50px;}
div.footer div.home-ft h1 {
	font-size: 0.85em;
	font-weight: normal;
  color: #000;
  text-transform: uppercase;
  margin: 0 275px 0 0;
  width: 475px;
  position: relative;
  padding: 0.7em 0 0.6em;
}
div.footer div.home-ft a {clear: both; font-size: 0.85em;}
div.footer div.home-ft a.featured {display:block; padding: 0.6em 5px;}
div.footer div.home-ft h1 a.rss-link {
  background-position:right -148px;
  font-size:1em;
  position: absolute;
  right: -275px;
  top: 0.3em;
}
div.footer div.home-ft div.featured-link-wrapper {
	float: left; display: inline; /* Supprime la double marge ajouter par IE 6 sur les Élément en float */
	width: 249px;
  margin-left: -1px;
	background: #e2e1e2 url(/medias/images/clf/featured-link-bg.gif) repeat-x 0 0;
  height: 125px;
  min-height: 9.75em;
  border: 1px solid #ccc;
}
div.footer div.home-ft div.featured-link-wrapper.first {margin-left: 0px; width: 248px;}
div.footer div.home-ft div.featured-link {
	padding: 5px;
}
div.footer div.home-ft div.featured-link img {
	display: block;
  float: left;
  padding: 1px;
  background-color: #999;
}
div.footer div.home-ft div.featured-link h3 {
	margin: 0.6em 0 0.6em 61px;
  line-height: 1.5em;
  color: #666;
  font-weight: normal;
  clear: right;
}
div.home-ft p.bfof-more {
	clear: both;
  text-align: center;
}

div.pseudo-sitemap {
	clear: both;
  padding: 1em 0;
}
div.pseudo-sitemap h3 {
	color: #000;
  font-size: 0.85em;
  font-weight: normal;
  text-transform: uppercase;
}
div.pseudo-sitemap div.psm-col {
	float: left;
	width: 170px !important;
  padding: 0 10px;
}
div.pseudo-sitemap div.psm-col.first {
	width: 175px;
  padding-left: 0px;
}
div.pseudo-sitemap div.psm-col.last {
	width: 175px;
  padding-right: 0px;
}
div.pseudo-sitemap dl.link-list dt {
	color: #000;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0.8em 0 0.5em;
}
div.pseudo-sitemap dl.link-list dd {
  font-size: 1em;
  margin: 0;
  line-height: 1.2em;
}
div.pseudo-sitemap dl.link-list dd a {
	font-size: 0.85em;
	background: transparent url(/medias/images/clf/home-ft-lnk-bullet.gif) no-repeat 0 0.4em;
  padding-left: 12px;
}
div.pseudo-sitemap dl.link-list dd.more a {
	background: transparent none no-repeat 0 0;
  padding-left: 0px;
}

/* FOOTER CSS ENDS | FIN DU CSS DU PIED DE LA PAGE */

/* CSS GÉNÉRIQUES */
.after:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
p.after-h4 {margin-top: 0 !important;}

.clear {clear: both;}
.top-space {margin-top: 10px;}
.no-border {
  border: 0px none !important;
}
.txt-center {text-align: center;}
.normal-black {font-size: 0.9em; line-height:1.5em; font-weight: normal; color: #000;}

h2 small{
  font-size:0.58em;
  float:right;
  padding-top:0.5em;
  text-transform:none;
}
h4.orange{
  background-color:transparent;
  color:#cc6600;
  font-size:1.1em;
  font-weight:normal;
  margin:1em 0 0 0 ;
  padding:0.5em 12px 0;
}


/*********************************
EMPLOIS
*********************************/
.promo-film{
  background:url(/medias/images/clf/promo-faire-un-film.gif) no-repeat right 45%;
}
.promo-film p{
  margin-top:2em;
  margin-right:6em;
  margin-bottom:4em;
}
div.jobs ul{
  background-color:#eee;
}
div.jobs ul li{
  margin-top:1em;
  padding:1em;
}
div.jobs ul li{
  margin-bottom:1em;
}

div.col2-content-block div.right {
  float: right;
  width: 195px;
}

/* DÉBUT CSS STUDIO */
div.rmnu-search.studio{
  background:#fff;
}

/***********************
NOUVEAUTES
***********************/
div#mnu-niv-2.nouveaute{
  border:0;
}
div#mnu-niv-2 div.nouveaute_first a{
  display:block;
  background:#020202 url(/medias/images/clf/nouveaute-hibi.png) no-repeat 0 0;

  position:relative;
  color:#FFF;
  height:185px;
}
div#mnu-niv-2 div.nouveaute_first span.consulter{
  position:absolute;
  bottom:0;
  margin:1em;
  font-size:0.9em;

}
div#mnu-niv-2 div.nouveaute_first span span.onf-orange{
  color:#ffcc66;
}
div#mnu-niv-2 img.hibi-head{
  position:absolute;
  top:-48px;
  right:17px;
}
div#mnu-niv-2 div.nouveaute_second{
  margin-top:5px;
  background-color:#e6e6e6;
}
div#mnu-niv-2 div.nouveaute_second div.r-block-content{
  margin-top:0;
}
div#mnu-niv-2 div.nouveaute_second img{
  margin-left:5px;
}
div#mnu-niv-2 div.nouveaute_second h3{
  margin:0;
  padding:5px 1em 1em 1em;
  font-size:0.9em;
}
div#mnu-niv-2 div.documentaire_boutique a.icon{
  padding:16px 0 19px 45px;
  font-size:1.5em;
  background-position: 0 15px;
}
div#mnu-niv-2 div.documentaire_boutique{
  margin:20px 0 20px 0 !important;
}
div#mnu-niv-2 div.nouveaute h2{
  text-transform:none;
  font-size:1em;
}
div#mnu-niv-2 div.nouveaute h2 a img {
  display: block;
  padding: 12px 0 0;
}
div.center.index-content-border{
  width:402px;
  padding-right:0px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;  
  border-left:1px solid #ccc;
}
div.suggestion-first img{
  margin-left:-5px;
}
div.suggestion-first ul {
  padding-bottom: 1em !important;
}
div.suggestion-first ul li {
  float: left;
  margin-right: 2em;
}
div.suggestion-first ul li, div.suggestion-other ul li {
  margin-bottom: 0.5em;
}
div.suggestion-other ul li {
    margin-top: 0.5em;
}
div.a-laffiche-top-bg{
  background:url(/medias/images/clf/round-header.gif) no-repeat 0 100%;
  margin-bottom:10px;
  padding-bottom:2px;
}
div.a-laffiche-top-bg div.center{
  background-color:transparent;
}
ol.a-laffiche li{
  margin:0;
  margin-bottom:0.5em;
  background-color:#FFF;
}
div#a-laffiche-recherche{
  text-align:center;
  margin:0 9px 10px 10px;
}

div#a-laffiche-recherche div.round-box-content{
  background-color:#dbdbdb;
  margin:0;
  padding: 7px 3px;
}
div#a-laffiche-recherche select#txt-search-movie{
  border:1px solid #A5ACB2;
  margin:0;
  padding:1px;
  width:210px;
}
div#a-laffiche-recherche select#txt-search-month{
  border:1px solid #A5ACB2;
  margin:0;
  padding:1px;
  width:130px;
}
div.right.a-laffiche-film-image{
  padding-top:1em;
  text-align:right;
}
span.tv-icon img{
  vertical-align:middle;
}
div.rmnu-search.yellow{
  background:#ffffcc;
  border-bottom:1px solid #000;
}
div.box2-content h2.top-border{
  background-image:url(/medias/images/clf/center-extra-edge-full.gif);
}
ul.liste-a-laffiche{
  list-style-type:none;
  list-style-position:outside;
  margin:0;
  padding:0;
}
ul.liste-a-laffiche li{
  margin:1em 0 0 1em;
  padding:1em 0 1em 1em;
  line-height:1.5em;
}
ul.liste-a-laffiche div.ev{
  margin:1em 0 0 1em;
  padding-left:1em;
  border-left:1px solid #000;
}
ul.liste-a-laffiche div.ev div.ev-lieu{
  color:#666;
}
ul.liste-a-laffiche div.thumb{
  float:right;
}

div.liste-evenements span.date{
  color:#666;
}

div#a-laffiche-recherche div.round-box-top{
  background: url(/medias/images/clf/round-box-top.gif) no-repeat 0 0;
  overflow: hidden;
  height:4px;
  font-size: 1px; margin: 0; padding: 0; line-height: 0;
  width:586px;
}
div#a-laffiche-recherche div.round-box-bottom{
  background: #F0F1F2 url(/medias/images/clf/round-box-bottom.gif) no-repeat 0 0;
  overflow: hidden;
  height:4px;
  font-size: 1px; margin: 0; padding: 0; line-height: 0;
  width:586px;
}
form#form-classer{
  margin:1em;
}
form#form-classer select{
  border:1px solid #A5ACB2;
  margin:0;
  padding:1px;
  width:90px; 
}
div#a-laffiche-recherche div.btn-submit{
 /* display: -moz-inline-box;*/
  display: inline-block;
 /* *display: inline;
  *height: 1.75em !important;*/
}
table.divulgation{
  width:100%;
  border-collapse: collapse;
}
table.divulgation th{
  text-align:left;
  background-color:#ccc;
  border:1px solid #ccc;
  padding:1em 0.3em;
}
table.divulgation.detail th{
  text-align:right;
  background-color:#eee;
  max-width:200px;
}
table.divulgation .montant{
  text-align:right;
}
table.divulgation td{
  padding:1em 0.3em;
  border:1px solid #ccc;
  max-width:200px;
}
table.divulgation .vendor{
   text-transform: uppercase;
}
table.divulgation tr.odd {
  background-color:#eee;
}

div#dp-popup.fix-calendar {
    position: relative;
    min-width: 19em;
    width: 19em;
}
div.liens-pratiques ul{
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}
div.liens-pratiques a{
  line-height:2em;
  padding-left:26px;
  padding-bottom:10px;
}
div.liens-pratiques a.twitter{
  background:url(/medias/images/clf/sprits/ico_twt.gif) no-repeat;
}
div.liens-pratiques a.facebook{
  background:url(/medias/images/clf/sprits/ico_fbk.gif) no-repeat;
}
div.liens-pratiques a.foursquare{
  background:url(/medias/images/clf/sprits/ico-foursquare.gif) no-repeat;
}
div.liens-pratiques a.programation{
  background:url(/medias/images/clf/sprits/ico_pdf.gif) no-repeat;
}
div.liens-pratiques a.calendrier{
  background:url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 0 -3000px;
}
div.liens-pratiques a.map{
  background:url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 3px -2400px;
}
div.liens-pratiques a.heures-ouverture{
  background:url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 0 -2550px;
}
div.liens-pratiques a.tarifs{
  background:url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 0 -2700px;
}
div.liens-pratiques a.contact{
  background:url(/medias/images/clf/sprits/sprit-icons.gif) no-repeat 2px -2850px;
}
div#dp-popup.fix-calendar a, div#dp-popup.fix-calendar a:hover {font-weight: normal; color: #000;}
div#dp-popup.fix-calendar td.today a{color: #fff; font-weight: bold;}
div#dp-popup.fix-calendar td.today a:hover {color: #000;}

.bottom-bordered-block {border-bottom: 1px solid #ccc; margin: 1em 0;}
.bottom-bordered-block.first{padding-top:1em;}
.smaller-font {font-size: 80%;}
img.map{
  float:left;
  padding-right:1em;
}






/* FORMULAIRE ACIC et SUZUKI*/

.formacic label { float:left; min-width:100px; padding-right:10px; margin-top:20px;}
.formacic label.nostyle { float:none; }
.formacic label.nomarg, .formacic input.nomarg { margin-top:5px; padding-right:5px;}
.formacic input, .formacic select { margin-top:20px; float:right; text-align:right;}
.formacic select { float:left; }
.formacic .checkzone { float:left; margin-top:5px; padding-right:5px; }
div.col2-content-block div.ctr-content-block .formacic p { margin-left:0; }

.formsuzuki p { min-width:500px; clear:both; display:block; }
.formsuzuki label { float:left; min-width:100px; max-width:540px; padding-right:10px;}
.formsuzuki input, .formsuzuki select { float:right; text-align:right;}
.formsuzuki .checkzone { float:left; padding-right:5px; }

.red { color: #980000; font-weight:bold; }

/* FIN FORMULAIRE ACIC */