/* ***************************************************************************
	@file         global.css
	@description  Feuille de styles globale
	@author       Erick (ixmedia.com)
	@creation     6 mai 2010
	@modification 3 juin 2010 (Erick)


** STRUCTURE du FICHIER
******************************************************************************
******************************************************************************
	@import
	@section Basic
	@section Layout
		@GÉNÉRAL
		@TOP
		@MENU et SOUS-MENUS
		@MAIN
		@PIED DE PAGE
		@BOUTONS et ICÔNES
		@D'HIVER
******************************************************************************
**************************************************************************** */

@import url("./reset.css");
@import url("./font-face.css");

/* @section Basic {{{
**************************************************************************** */

html { font-size: 62.5%; }
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	line-height: 1.3;
	color: #000;
}
p,ul,ol,table { margin-bottom: 1em; }
ul { margin-left: 20px; }
a { text-decoration: none; cursor: pointer; color: #da2128; }
a:focus { outline: 1px dotted; }
a:visited { color: #da2128; }
a:hover, a:focus { color: #da2128; text-decoration: underline; }
a *, button * { cursor: pointer; }
hr { height: 0; border: none; border-bottom: 1px solid black; margin: 10px 0; }
small { font-size: 90%; }
input, select, button, textarea, option { font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; font-size: 100%; }
button, label, select, option, input[type=submit] { cursor: pointer; }
.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe {display: block;} /* End hide from IE-mac */
sup { font-size: 80%; line-height: 1; vertical-align: super; }
button::-moz-focus-inner { border: 0; padding: 1px; }
span.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
h1,h2,h3,h4,h5,h6 { line-height: 1.1; }

/*}}}*/

/* @section Layout {{{
******************************************************************************/

/* @GÉNÉRAL {{{
**********************
******************************************************************************/
html, body, #enrobage {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-family: "Colaborate-RegularRegular", Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
body {
	background: #fff200 url(../images/interface/bkg-general-middle.jpg) repeat-y center top;
	z-index:1;
}
div#enrobage {
	background: url(../images/interface/bkg-general-top.jpg) no-repeat center top;
	z-index:11;
}
div#interieur {
	overflow:auto;
	min-height: 990px;
	height: auto !important;
	height: 990px;
	padding-bottom: 250px;
	z-index:111;
}
div.contenu {
	position:relative;
	width:950px;
	margin:0 auto;
}
p { font-size:1.2em;}


/* @TOP {{{
**********************
******************************************************************************/
#entete {
	width:100%;
	height:153px;
	background: url(../images/interface/bkg-entete.gif) no-repeat 50% 0;
}
#entete .contenu {
	background: url(../images/interface/bkg-entete-contenu.jpg) no-repeat 50% 0;
	height:153px;
}
h1 {
	width:228px;
	height:140px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}
h1 a {
	display:block;
	width:228px;
	height:140px; 
	margin:0;
	padding:0;
	line-height:0;
}
/* @MENU et SOUS-MENUS {{{
**********************
******************************************************************************/
ul#menu {
	display:block;
	position:absolute;
	left:230px;
	bottom:15px;
	margin:0;
	padding:0;
	height:40px;
}
#menu li {
	position:relative;
	display:block;
	float:left;
	margin:0;
	padding:0;
	height:40px;
	text-align:center;
}
#menu li a {
	float:left;
	text-align:left;
	display:block;
	margin:0 auto;
	padding:4px 30px;
	font-size:1.2em;
	line-height:1.1;
	font-weight:bold;
	background-image: url(../images/interface/bkg-menu-over.png);
	background-repeat:repeat-x;
	background-position: 0% 100%;
	color:#000;
	font-family: "Colaborate-RegularRegular", Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	z-index:222;
}
.sans-javascript #menu li a {
	background-image:none;
	background:none;
}
#menu li a:hover {
	text-decoration:none;
	color:#fff;
}
#menu li a.actif,
#footer a.actif,
.sous-menu li a.actif,
div.pagination a.actif {
	text-decoration:none;
	padding-top: 3px !important;
	color:#000 !important;
	background:#fff !important;
	border:1px solid #dcdbdb !important;
	border-bottom:none;
	cursor:default;
}
.sans-javascript #menu li a:hover {
	background-image:none;
	background: #000;
	color:#fff;
}
#menu li span {
	display:none;
}
ul#sous-menu-top {
	display:block;
	position:absolute;
	right:20px;
	top:0;
	margin:0;
	padding:0;
}
#sous-menu-top li {
	float:left;
	margin:0;
	padding:0;
}
#sous-menu-top li a {
	float:left;
	display:block;
	margin:0;
	padding:4px 6px;
	color:#000;
	font-size:0.8em;
	font-weight:bold;
	background-image: url(../images/interface/bkg-menu-over.png);
	background-repeat:repeat-x;
	background-position: 0% 100%;
	text-transform: uppercase;
	font-family: "ColaborateLightRegular", Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}
.sans-javascript #sous-menu-top li a {
	background-image:none;
	background:none;
}
#sous-menu-top li a:hover,
#sous-menu-top li a.actif{
	text-decoration:none;
	color:#fff;
}
#sous-menu-top li a.actif {
	cursor:default;
	background:#000;
}
.sans-javascript #sous-menu-top li a:hover {
	background-image:none;
	background:#000;
}
#sous-menu-top li a#media {
	background:#000 url(../images/interface/ico-cadena-fond-noir.gif) no-repeat 2px 0;
	color:#fff804;
	padding-left:24px;
}
#sous-menu-top li a#media:hover {
	text-decoration:none;
	background:#000 url(../images/interface/ico-cadena-fond-noir-over.gif) no-repeat 2px 0;
	color:#fff;
}
#interieur ul.sous-menu {
	margin:0;
	padding:0;
}
#interieur .sous-menu li {
	margin:0;
	padding:0;
}
.programmation li {
	margin:15px 0 !important;
}
.saison-precedente li {
	margin:10px 0 !important;
}
#interieur .sous-menu li a {
	text-transform:none;
	font-size:1em;
}
#interieur .sous-menu li a.actif,
#footer a.actif {
	padding:4px 9px;
}
#interieur .sous-menu li a.actif {
	font-weight:bold;
}
#interieur .sous-menu li span {
	display:block;
	padding-top:4px;
	padding-left:9px;
}

/* @MAIN {{{
**********************
******************************************************************************/
#corps {
	width:100%;
	padding-top:30px;
}
#corps .contenu {
	background: url(../images/interface/bkg-general-top.jpg) no-repeat -335px -183px;
	height:100%;
}
.colonne { float:left; margin:0; padding:0;}
.deux-colonnes .un { width:670px; padding-right:25px;}
.deux-colonnes .deux,
.trois-colonnes .trois { width:250px; padding-right:4px;}
.trois-colonnes .un { width:230px;}
.trois-colonnes .deux { width:420px; padding-right:20px; padding-left:25px;}

div.item-aside {
	margin-bottom: 32px;
}
	ul.liste-images-flickr {
		margin: 0;
		padding: 0;
	}
	ul.liste-images-flickr li {
		float: left;
	}
		ul.liste-images-flickr li a:hover,
		ul.liste-images-flickr li a:focus { border: 2px solid #fff; }
		ul.liste-images-flickr li a {
			float: left;
			display: block;
			margin: 0 4px 4px 0;
			border: 2px solid #000;
			-webkit-transition: border 0.2s linear;
			-moz-transition: border 0.2s linear;
			-o-transition: border 0.2s linear;
			transition: border 0.2s linear;
		}

.deux a, .trois a{
	color:#000;
}


h2 {
	font-family: "Colaborate-ThinRegular", arial, sans-serif;
	font-size:2.8em;
	margin-bottom:0.25em;
}

h3 {
	font-family: "Colaborate-ThinRegular", arial, sans-serif;
	font-size:2.6em;
	margin-bottom: 0.5em;
	color:#DA2128;
}
div#infos h3 {
	margin-bottom: 0;
}
h4 {
	font-family: "Colaborate-ThinRegular", arial, sans-serif;
	font-size:1.6em;
	margin-bottom:0.5em;
}

.widget_links h2{font-size:1.6em;}

h5 {
	font-family: "Colaborate-MediumRegular", arial, sans-serif;
	font-size:1.6em;
	margin-bottom:0.5em;
}
div.a-l-affiche {
	position:relative;
	width:621px;
	height:366px;
	background-repeat:no-repeat; 
	background-position: 0 0;
}
div.a-l-affiche span {
	display:block;
	position:absolute;
	width:100%;
	height:75px;
	left:0;
	bottom:31px;
}
div.a-l-affiche div.cont{
	text-align: right;
	padding: 10px;
}
div.a-l-affiche .bouton{
	margin: 0;
}
div.a-l-affiche span{
	padding-top: 10px;
}
div.a-l-affiche #infos{
	float: left;
	width: 280px;
	margin: 10px 10px 0 0;
}
div.a-l-affiche #teaser{
	float: left;
	width: 320px;
	margin: 10px 0 0 0;
	color: #FFF;
	font-size:0.9em;
}

div.a-l-affiche h3, div.a-l-affiche h4{
	color: #FFF;
	margin-left: 10px;
}
div.a-l-affiche h3{
	font-size: 1.7em;
}
div.a-l-affiche h4{
	font-size: 1.3em;
}
div.a-l-affiche .ombrage{
	clear: left;
}
div.a-l-affiche span.ombrage {
	height:31px;
	left:0;
	bottom:1px;
	background:url(../images/contenu/img-accueil-ombrage.png) no-repeat left bottom;
}
div.a-l-affiche span h3,
/*div.a-l-affiche span h4 {
	color:#fff;
	position:absolute;
	left:10px;
	top:10px;
}*/
div.a-l-affiche span h4 {
	top:45px;
}
div.a-l-affiche span div{
	/*display:block;
	position:absolute;
	right:7px;
	bottom:10px;*/
}
ul.rangees-de-trois {
	display:block;
	margin:0;
	padding:0;
}
.rangees-de-trois li {
	display:block;
	margin:0;
	padding:0;
	margin-bottom:1em;
	height:17em;
	width:32%;
	float:left;
	padding-right:7px;
}
.rangees-de-trois li.tit-dernier {
	padding-right:0;
}
.rangees-de-trois li p {
	margin-top:-12px;
}
.rangees-de-trois li a {
	display:block;
	color:#000;
}
.rangees-de-trois li a:hover {
	text-decoration:none;
}
.rangees-de-trois li a:hover img {
	border-width:8px;
	border-style:solid;
	width:180px;
	height:114px;
}
span.img-avec-ombrage {
	display:block;
	width:196px;
	padding-bottom:24px;
	background: url(../images/contenu/img-width196px-ombrage.png) no-repeat left bottom; 
}
div.ombrage-width672px {
	/*position:relative;
	display:block;
	width:672px;
	padding-bottom:31px;
	background: url(../images/contenu/bkg-672-ombrage.png) no-repeat left bottom; */
}
div.ombrage-width415px {
	position:relative;
	display:block;
	width:420px;
	padding-bottom:31px;
	background: url(../images/contenu/img-width415px-ombrage.png) no-repeat left bottom; 
}
div.ombrage-width385px {
	position:relative;
	display:block;
	width:385px;
	padding-bottom:29px;
	background: url(../images/contenu/img-width385px-ombrage.png) no-repeat left bottom; 
}
.encadre-jaune div.ombrage-width415px {
	padding:15px;
	background-color:#e5d900;
}
div.ombrage-width415px span {
	position:absolute;
	left:10px;
	bottom:31px;
	font-size:1.8em;
	color:#fff;

}
table.infos-sur-2-colonnes {
	width:100%;
	border:none;
	margin:0;
	padding:15px 8px;
	display:block;
}
.infos-sur-2-colonnes td {
	width:55%;
	border:none;
	margin:0;
	padding:3px 0;
	font-size:1.2em;
}
.infos-sur-2-colonnes td.a-gauche {
	width:30%;
	font-family: "Colaborate-RegularRegular", arial, sans-serif;
	padding-left:0.5em;
	font-weight:bold;
}
div.bulle {
	display:block;
	width:417px;
	padding-top:28px;
	background:url(../images/interface/bkg-bulle-top.png) no-repeat 0 0;
	position:relative;
}
div.bulle div {
	display:block;
	width:377px;
	padding: 15px 20px;
	padding-bottom:18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background:#fff url(../images/interface/bkg-bulle-bottom.jpg) no-repeat 0 100%;
	font-size:1.2em;
}
div.bulle div span {
	display:block;
	position:absolute;
	top:3px;
	left:40px;
	font-family: "Colaborate-MediumRegular", arial, sans-serif;
	font-style:normal;
	font-size:0.8em;
	color:#000;
	width: 375px;
	height: 40px;
}
div.bulle div span img {
	float: right;
	vertical-align: baseline;
	margin-top: -3px;
}
#les-commentaires .ombrage-width415px {
	display:none;
}
#corps #les-commentaires .visible {
	display:block;
}
#form-commentaires {
	display:block;
	margin:0;
	padding: 10px 0 25px 0;
}
#form-commentaires label {
	display:block;
	font-size:1.1em;
	font-weight:bold;
}
#form-commentaires input {
	display:block;
	width:200px;
	height:1.4em;
	margin-bottom:10px;
	font-size:1.1em;
}
#form-commentaires textarea {
	display:block;
	width:100%;
	height:150px;
	font-size:1.1em;
}
#form-commentaires button {
	clear:left;
}
div.pagination {
	display:block;
	margin:0 0 25px 0;
}


table.prix {
	font-size:1.4em;
}

.encadre table.prix td{
	padding:0.2em 0;
}




/* @PIED DE PAGE {{{
**********************
	Voir http://www.cssstickyfooter.com
	pour la technique utilisée
******************************************************************************/
#footer {
	position: relative;
	margin:0;
	padding:0;
	margin-top: -250px;
	height: 250px;
	clear:both;
	background: url(../images/interface/bkg-general-bottom.jpg) no-repeat center bottom;
	z-index:11;
	color:#fff;
} 
#footer #background-pleine-largeur {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:146px;
	background:#000;
	margin:0;
	padding:0;
} 
#footer a {
	font-weight:normal;
	font-size:0.7em;
	border:none;
} 
#footer a.actif {
	text-transform:uppercase;
	font-weight:normal;
	font-size:0.7em;
	border:none;
} 
#footer p {
	font-weight:normal;
	font-size:0.9em;
	border:none;
	color: #CCBD00;
	text-transform:uppercase;
	padding:5px 0;
	padding-left:9px;
} 
/* @BOUTONS et ICÔNES {{{
******************************************************************************/
a.bouton, button.bouton {
	margin:2em 0;
	padding:4px 9px;
	border:1px solid #000;
	background: url(../images/interface/bkg-bouton-over.jpg) repeat-x 0% 0%;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
div.panier a.bouton {
	padding:4px 9px 4px 20px;
}
.sans-javascript a.bouton, .sans-javascript button.bouton {
	background-image:none;
	background:#000;
}
a.bouton:hover,button.bouton:hover{
	border:1px solid #dcdbdb;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}
.sans-javascript a.bouton:hover, .sans-javascript button.bouton:hover{
	background-image:none;
	background:#fff;
}
.encadre a.bouton {
	text-transform:none;
}
ul#reseaux-sociaux {
	display:block;
	width:100%;
	height:25px;
	margin:0;
	padding:0;
}
#reseaux-sociaux li {
	float:left;
	height:25px;
	margin:0;
	padding:0;
}
#reseaux-sociaux li a {
	float:left;
	display:block;
	margin:0 7px 0 0;
	padding:0;
	width:24px;
	height:25px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent:-9999px;
}
#reseaux-sociaux li a.youtube {
	width:53px;
	background-image:url(../images/interface/btn-youtube.png);
}
#reseaux-sociaux li a.rss {
	background-image:url(../images/interface/btn-rss.png);
}
#reseaux-sociaux li a.facebook {
	background-image:url(../images/interface/btn-facebook.png);
}
#reseaux-sociaux li a.twitter {
	background-image:url(../images/interface/btn-twitter.png);
}
#reseaux-sociaux li a.flickr {
	background-image:url(../images/interface/btn-flickr.png);
}
.colonne a.panier {
	padding:7px 9px 6px 30px;
	position:relative;
}
.colonne a.panier span {
	display:block;
	width:17px;
	height:15px;
	position:absolute;
	top:5px;
	left:8px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image:url(../images/interface/ico-panier-blanc.gif);
}
.colonne a.panier:hover span {
	background-image:url(../images/interface/ico-panier-noir.gif);
}
.colonne a.haut-de-page {
	border:none;
	display:block;
	height:18px;
	float:right;
	padding-top:9px;
	font-size:1.1em;
	color:#000;
	background: url(../images/interface/bkg-haut-de-page.png) repeat-x 0% 100%;
}
.colonne .sans-javascript a.haut-de-page {
	background:none;
}
.colonne a.haut-de-page:hover {
	color:#fff;
}
.colonne .sans-javascript a.haut-de-page:hover {
	background:#000;
}
.colonne .haut-de-page img {
	display:block;
	width:34px;
	height:31px;
	margin-top:-9px;
	margin-left:-9px;
	padding-right:9px;
}

.programme {background-color:#000; padding: 10px;}
.programme a {color:#FFF;}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/content:"";height:100%;float:left;width:0;margin-top:-32767px;/* thank you Erik J - negate effect of float*/}


/* @section Annotation (Commentaire sur un événement) {{{
******************************************************************************/
div.appreciation p{
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 0;
}
div.appreciation ul{
	margin-left:0;
}
div.appreciation br{
	clear: left;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/interface/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/interface/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
/*div.star-rating-on a{background-position:0 -16px!important}*/
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
div.star a{
	width: 22px;
	height: 25px;
	display: block;
}

div.sourire-1 a{
	background: url(../images/interface/smile1.gif) no-repeat;
}
div.sourire-1 a:hover, div.sourire-1.star-rating-hover a, div.sourire-1.star-rating-on a{
	background: url(../images/interface/smile1-over.gif) no-repeat;
}
div.sourire-2 a{
	background: url(../images/interface/smile2.gif) no-repeat;
}
div.sourire-2 a:hover, div.sourire-2.star-rating-hover a, div.sourire-2.star-rating-on a{
	background: url(../images/interface/smile2-over.gif) no-repeat;
}
div.sourire-3 a, div.sourire-3.star-rating-hover a, div.sourire-3.star-rating-on a{
	background: url(../images/interface/smile3.gif) no-repeat;
}
div.sourire-3 a:hover, div.sourire-3.star-rating-hover a, div.sourire-3.star-rating-on a{
	background: url(../images/interface/smile3-over.gif) no-repeat;
}
div.sourire-4 a{
	background: url(../images/interface/smile4.gif) no-repeat;
}
div.sourire-4 a:hover, div.sourire-4.star-rating-hover a, div.sourire-4.star-rating-on a{
	background: url(../images/interface/smile4-over.gif) no-repeat;
}
div.sourire-5 a{
	background: url(../images/interface/smile5.gif) no-repeat;
}
div.sourire-5 a:hover, div.sourire-5.star-rating-hover a, div.sourire-5.star-rating-on a{
	background: url(../images/interface/smile5-over.gif) no-repeat;
}

div.rating-cancel, div.star-rating {
	width: 22px;
	height: 25px;
}
/*}}}*/


/* @section Partenaires accueil {{{
******************************************************************************/
div.partenaires{
	display: none;
	
}
div.partenaires .section{
	background-color: #FFF;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
}
div.partenaires .section img{
	vertical-align: middle;
	padding: 14px;
}
div.premiere-ovation{
	margin: 50px 0 20px 0;
}
div.premiere-ovation p{
	font-size:1.4em;
	font-weight: bold;
	font-family:"Colaborate-ThinRegular",arial,sans-serif;
}

/*}}}*/
/* @D'HIVER {{{
**********************
******************************************************************************/
ul.liste-ordinaire { margin:0; padding:0 0 15px 15px; list-style:square; list-style-type:square;}
ul.liste-ordinaire li { font-size:1.2em; margin:1px 0; padding:0 ; list-style:square; list-style-type:square;}
ul.liste-pdf { margin:0; padding:0; list-style:none; list-style-type:none;}
ul.liste-pdf li {margin:0 0 10px 0; padding:0;}
ul.liste-pdf li a {margin:0; padding:5px 0 4px 2px;}
ul.liste-pdf li a span {margin:0; padding:3px 4px 3px 22px; background:url(../images/interface/ico-pdf.png) no-repeat 0 50%; font-size:1.1em;}
.no-margin-top { margin-top:0!important;}
.no-margin-bottom { margin-bottom:0!important;}
.plus-large { width:23%!important;}
.moins-large { width:13%!important;}
.fond-jaune-fonce { background:#fff!important;}
.encadre-2-col .fond-jaune-fonce { padding:15px;}
.clear { clear:both;}
.float-droite { float:right; padding-right:20px;}
.padding-droite  {padding-right:20px;}
.petit-margin-bottom { margin-bottom:0.4em !important;}
.plus-d-espace li { padding-bottom:7px!important;}
img#carte { float:right; padding-top:15px; padding-right:67px;}
.plus-petit { font-size:0.6em!important; color:#000;}
.un-point-deux-em { font-size:1.2em!important;}
.un-em { font-size:1em!important;}
.pas-de-transformation { text-transform:none!important;}
.plus-gros { font-size:1.4em!important;}
.espace-a-gauche { padding-left:15px!important;}
.xception { position:inherit;}
.recaptcha{  margin-top: 10px;}
/* @BORDER {{{
******************************************************************************/
.bordure { border-width:4px; border-style:solid;}
.vert { border-color:#24a249;}
.orange { border-color:#f7931d;}
.rouge { border-color:#d12133;}
.bleu { border-color:#5eb4cd;}
.noir { border-color: #333;}

/*}}}*/