@charset "UTF-8";
/* CSS Document 


font-family: 'Delius Swash Caps', cursive;
 font-weight: 400; 
*/

html {
	height: 100%;	
}
body {
	height: 100%;
	background-color: #333;
	/*background-image:url(../images/fond.jpg);
	background-repeat: repeat;
	background-position:center 0px;*/
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', 'Arial', sans-serif;
}
#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	max-width: 1220px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -30px;/*pour le sticky footer*/
	padding: 0;
	z-index: 3;
}
.footer, .pusher {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	height: 30px;
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #666;
	font-size: 12px;
	z-index: 4;
}
.footer a {
	color: #666;
}
.texte {
	text-align: left;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
}
.texte a {
	color: #FFF;
}
h2 {
	font-weight: normal;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
span.ref {
	display: none;
}
.ombre {
	box-shadow: 1px 1px 12px #000;
}
.btn-couleur {
	display: inline-block;
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-decoration: none;
	background-color: #CC3E42;
	box-sizing: border-box;
	color: #FFF;
	padding: 3px 10px;
	margin: 2px 2px;
}
.btn-couleur b {
	display: none;
}
.couleur-albums {
	background-color: #e93a8b;
}
.couleur-decouvrir {
	background-color: #5ac5fc;
}
.couleur-videos {
	background-color: #e55d5d;
}
.couleur-auteurs {
	background-color: #9d59c0;
}
.couleur-faq {
	background-color: #feb827;
}
.couleur-traductions {
	background-color: #d98e66;
}
.couleur-theatre {
	background-color: #e53a43;
}
.couleur-goodies {
	background-color: #7dc691;
}
.couleur-fanarts {
	background-color: #de6bae;
}
.couleur-temoignages {
	background-color: #00476b;
}
.couleur-presse {
	background-color: #006699;
}
.couleur-jeux {
	background-color: #eb9001;
}
.couleur-decouvrir.btn-actif {
	background-color: #FFF;
	color: #5ac5fc;
}
.couleur-decouvrir:hover {
	background-color: #FFF;
	color: #5ac5fc;
}
.btn-marge {
	margin-left: 15px;
	margin-right: 15px;
}
.btn-marge:first-child {
	margin-left: 0px;
}
.btn-marge:last-child {
	margin-right: 0px;
}
.champ_erreur label {
	color: #FF9D9F;
}
.champ_erreur input, .champ_erreur textarea {
	background-color: #FF9D9F;
}
#topsite {
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #FFF;
	text-align: center;
}
.topsite h2 {
	font-family: 'Delius Swash Caps', sans-serif;
	font-size: 24px;
	/*color:#333;*/
	font-weight: normal;
	color: #FFF;
	line-height: 35px;
	text-align: center;
}
.topsite h3, h4 {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	/*color:#333;*/
	font-weight: 300;
	color: #FFF;
	line-height: 35px;
	text-align: center;
}

.topsite p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size: 14px;
	color: #FFF;
	line-height: 18px;
	text-align: center;
}
div#hamburger img, div.affiche img, div.carre img, div.petitcarre img, div.petitcarre2 img, div#logo img, div#logoVacherie img, div.petitcarretheatre img, div.petitcarrefanarts img {
	width: 100%;
	height: auto;
}
ul#filter {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ul#filter a {
	color: #fff;
	text-decoration: none;
}
ul#filter li {
	clear: both;
}
ul#portfolio {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 75px;
}
ul#portfolio li {
	float: left;
	margin: 0px;
	padding: 0px;
}
ul#portfolio li a {
	display: block;
}
ul#portfolio li a:hover {
	text-decoration: none;
}
ul#portfolio li img {
	display: block;
}
ul#filter {
	float: left;
	list-style: none;
	margin: 0;
	width: 100%;
}
ul#filter li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#filter li a span {
	text-decoration: none;
}
ul#filter li.current a span {
	background-color: #333;
}
.textedintro, .textefanarts {
	position: relative;
	max-width: 700px;
	font-family: 'Delius Swash Caps', sans-serif;
	color: #fff;
	font-size: 1.05em;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}
.rondtitre {
	position: relative;
	padding: 0px;
	margin: 0px;
	widht: 100%;
	text-align: center;
}
.textedintro p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size: 0.8em;
}
.textedintro a {
	text-decoration: none;
	background-color: #cc3e42;
	color: #fff;
	padding: 5px;
	margin: 5px;
	display: inline-block;
}
.textedintro a:hover {
	text-decoration: none;
	background-color: #999;
	color: #fff;
}
.textefanarts p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size: 0.8em;
	line-height: 28px;
	margin-bottom: 20px;
}
.textefanarts a {
	font-family: 'Open Sans', 'Arial', sans-serif;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	background-color: #de6bae;
	color: #FFF;
	border: 1px solid #de6bae;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.textefanarts a:hover {
	background-color: #FFF;
	color: #de6bae;
}

#nombrilssite {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
	height: 100%;
}
#nombrilscontenu {
	float: left;
	margin-left: 220px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width:980px;
	height: 100%;
}
#nombrilssite ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* FIN effet 19 */
.annotations {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #FFF;
	padding: 10px;
	margin-bottom: 30px;
	font-family: 'Delius Swash Caps', sans-serif;
	font-size: 12pt;
	font-weight: 400;
	background-color: #333;
	opacity: 0.8;
}
#hamburger {
	display: none;
}
/***** [ FULL ] *****/



.carre {
	position: relative;
	float: left;
	width: 600px;
	height: 600px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.petitcarre {
	position: relative;
	float: left;
	width: 290px;
	height: 290px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.petitcarre2 {
	position: relative;
	float: left;
	width: 290px;
	height: 290px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	clear: both;
}
.petitcarrefanarts {
	position: relative;
	float: left;
	width: 170px;
	height: 170px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	overflow: hidden;
}
.flechebas {
	position: relative;
	float: left;
	width: 100%;
	height: 120px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.flechebas img {
	width: auto;
	height: 100%;
	display: inline;
}
.masquerond {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 290px;
	height: 290px;
	z-index: 4;
}
.enbas {
	clear: both;
}
.colonne {
	position: relative;
	float: left;
	width: 290px;
	height: 610px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.colonne2 {
	position: relative;
	float: left;
	width: 610px;
	height: 290px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.boutique {
	position: relative;
	float: left;
	width: 245px;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 10px;
	overflow: hidden;
}
div.boutique img {
	height: 100%;
	width: auto;
}
div.boutique img:hover {
	position: absolute;
	left: -245px;
}
.even {
	position: relative;
	float: left;
	width: 755px;
	height: 370px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.textenombrils {
	color: #FFF;
	font-family: 'Courgette', sans-serif;
}
.blocfade {
	position: absolute;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}
/***** Pour theatre.php *****/
.extrait {
	background-color: #FFF;
	color: #000;
	padding: 20px;
}
.affiche {
	position: relative;
	float: left;
	width: 290px;
	height: 600px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.colonnetheatre {
	position: relative;
	float: left;
	width: 290px;
	height: 610px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.petitcarretheatre {
	position: relative;
	float: left;
	/*width:245px;
	height:245px;*/
	width: 290px;
	height: 290px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
.video {
	position: relative;
	float: left;
	width: 907px;
	height: 600px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}

body.blog {
	background-color: #2D6DAB;
	color: #333;
}


/*https://color.adobe.com/fr/Mountains-of-Burma-color-theme-1082421*/
.blog_post {
	position: relative;
	margin: 20px;
	margin-top: 89px;
	padding: 20px;
	background-color: #FFFFFF;
	text-align: left;
}
.couleur-blog {
	background-color: #2D6DAB;/*#C9DE55;*/
}


.bloc_tags a {
 	display: inline-block;
	/*-webkit-border-radius: 10px;
	border-radius: 10px;*/
	border: 1px solid #88bdde;/*#92e8df;*/
	color: #88bdde;
	font-size: 12px;
	padding: 5px 10px;
	text-decoration: none;
}

.blog hr {
	
	height: 1px;
	border: 0;
	color: #88bdde;
	background-color: #88bdde;
}

.blog_redacteur {
	position: absolute;
	top: 0px;
	right: 5px;
	/*background-color: #FFFF9D;*/
	width: 412px;
	padding: 5px 10px 10px 10px;
	/*border: 1px #92e8df solid;
	border-top: none;
	-webkit-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;*/
	text-align: left;
}
.blog_redacteur img  {
	width: 100%;
	max-width: 100px;
	height: auto;
}
.blog_redacteur_avatar {
	width: 20%;
	float: left;
	margin-right: 2%;
}
.blog_redacteur_avatar img {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.blog_redacteur_texte {
	width: 78%;
	float: left;
}
.blog_redacteur_texte p {
	margin: 5px 0;
}
.blog_redacteur_nom {
	font-family: 'Delius Swash Caps', sans-serif;
	color: #92e8df;
	font-size: 18px;
	line-height: 24px;
}
.blog_redacteur_humeur {
	color: #FFF;
	font-size: 12px;
}
.blog_queue_de_bulle {
	position: absolute;
	top: 50px;
	left: -60px;
	width: 85px;
	height: 75px;
	overflow: hidden;
}
.blog_queue_de_bulle img {
	width: 100%;
	height: auto;
}
.blog_post .blog_intro {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 24px;
}
.blog_post h3, .blog_post h3 a {
    /*font-family: 'Delius Swash Caps', sans-serif;*/
	font-family: 'Open Sans', 'Arial', sans-serif;
	color: #003263;
    font-size: 24px;
    line-height: 24px;
    text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}

.blog_post .blog_date {
	font-size: 12px;
	color: #999999;
	margin-bottom: 	5px;
}
.blog_post .blog_partage {
    margin-bottom: 15px;
}
.blog_post .blog_contenu {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 14px;
	line-height: 22px;
}
.blog_post .blog_contenu a {
	color: #333;
}
.blog_post .blog_contenu img {
	max-width: 100%;
	height: auto;
}

.blog_post .blog_contenu .youtube, .blog_post .blog_contenu iframe {
	max-width: 100%;	
}
.blog .footer {
	padding-top: 10px;	
}
.blog .footer, .blog .footer a {
	color: #FFF;	
}

ul.pagination {
	padding: 0;
	margin: 0;
	list-style: none;
	
}
.pagination li {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 14px;
	display: inline-block;
	padding: 3px 5px;
	margin: 0 5px;
	background-color: none;
	border: 1px #88bdde solid;
	color: #61abf2;
	list-style: none;
}
.pagination li.active {
	background-color: #88bdde;
}
.pagination li a {
	color: #88bdde;/*#92e8df;*/
	text-decoration: none;
	
}

.pagination li.active a {
	color: #FFF;
}
@media handheld, only screen and (max-width: 740px), only screen and (max-device-width: 740px) {
	.blog_post {
		margin: 20px 0;
		padding: 5px;
		text-align: left;
	}
}

.f-effect a.blog:hover, .f-effect a.blog.current {
	background-color: #C9DE55;
}



/* --------------------POUR Ipad Horizontal et écran classique-----------------------------------*/
@media handheld, only screen and (max-width: 1220px) {

#container {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	max-width: 965px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -30px;/*pour le sticky footer*/
	padding: 0;
	z-index: 3;
}

#nombrilscontenu {
	float: left;
	margin-left: 180px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 765px;
	height: 100%;
}

.carre {
	position: relative;
	float: left;
	width: 500px;
	height: 500px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.petitcarre {
	position: relative;
	float: left;
	width: 245px;
	height: 245px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.petitcarre2 {
	position: relative;
	float: left;
	width: 245px;
	height: 245px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	clear: both;
}
.petitcarrefanarts {
	position: relative;
	float: left;
	width: 170px;
	height: 170px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	display: block;
	overflow: hidden;
}
.flechebas {
	position: relative;
	float: left;
	width: 100%;
	height: 120px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.flechebas img {
	width: auto;
	height: 100%;
	display: inline;
}
.masquerond {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 245px;
	height: 245px;
	z-index: 4;
}
.enbas {
	clear: both;
}
.colonne {
	position: relative;
	float: left;
	width: 245px;
	height: 510px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.colonne2 {
	position: relative;
	float: left;
	width: 510px;
	height: 245px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.boutique {
	position: relative;
	float: left;
	width: 245px;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 10px;
	overflow: hidden;
}
div.boutique img {
	height: 100%;
	width: auto;
}
div.boutique img:hover {
	position: absolute;
	left: -245px;
}
.even {
	position: relative;
	float: left;
	width: 755px;
	height: 370px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}

/***** Pour theatre.php *****/
.extrait {
	background-color: #FFF;
	color: #000;
	padding: 20px;
}
.affiche {
	position: relative;
	float: left;
	width: 245px;
	height: 500px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.colonnetheatre {
	position: relative;
	float: left;
	width: 245px;
	height: 510px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.petitcarretheatre {
	position: relative;
	float: left;
	/*width:245px;
	height:245px;*/
	width: 245px;
	height: 245px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
.video {
	position: relative;
	float: left;
	width: 756px;
	height: 500px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.blocfade {
	position: absolute;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}


}
/* --------------------POUR Ipad vertical-----------------------------------*/
@media handheld, only screen and (max-width: 960px) {
body {
	/*background-color: #333;
	background-image:url(../images/fond.jpg);
	background-repeat: repeat;
	background-position:center 0px;*/
	text-align: center;
	margin: 0;
	padding: 0;
}
#container {
	position: relative;
	max-width: 730px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	z-index: 3;
	/*background-color: #333;*/
}
.topsite h3, h4 {
	font-family: 'Open Sans', 'Arial', sans-serif;
	font-size: 18px;
	/*color:#333;*/
	font-weight: 300;
	color: #FFF;
	line-height: 24px;
	text-align: center;
}
.blog_redacteur {
	/*border-top: 1px #C9DE55 solid;*/
	display: block;
	position: relative;
	top: auto;
	left: auto;
	width: 90%;
	margin: 20px;
	padding: 10px;
	background-color: rgba(255,255,255,0.3);
}
#nombrilssite {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	padding-bottom: 20px;
}
#nombrilscontenu {
	margin-top: 5px;
	width: 550px;
}
.enteteAlbums, .enteteDecouvrir, .entetePresse, .enteteTraductions, .enteteGoodies, .enteteFaq, .enteteAuteurs, .enteteJeux, .enteteVideos, .enteteTheatre, .enteteFanarts {
	background-position: left;
}
.boutique {
	position: relative;
	float: left;
	width: 245px;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 10px;
	overflow: hidden;
}
.colonne {
	position: relative;
	float: left;
	width: 510px;
	height: 245px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.petitcarrefanarts {
	position: relative;
	float: left;
	width: 170px;
	height: 170px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-top: 6px;
	display: block;
	overflow: hidden;
}
/* POUR THEATRE.PHP*/
.video {
	position: relative;
	float: left;
	width: 500px;
	height: 281px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.colonnetheatre {
	position: relative;
	float: left;
	width: 510px;
	height: 245px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.blocfade {
	position: absolute;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}



.blog_post {
	margin-top: inherit;
}
}

/* --------------------POUR MOBILE-----------------------------------*/
@media handheld, only screen and (max-width: 740px), only screen and (max-device-width: 740px) {
body {
	background-image: none;
	background-color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
}
#container {
	position: relative;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	z-index: 3;
	/*background-color: #333;*/
}
#nombrilssite {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 0px;
	/*margin-left: 10px;*/
	padding-bottom: 20px;
}
#nombrilscontenu {
	float: left;
	margin-left: 0px;
	width: 300px;
}
.blog_redacteur {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	width: 90%;
	margin: 20px 0;
	pading: 10px;
	background-color: transparent;
	border: none;
background-color: rgba(255,255,255,0.3);
}
.topsite h2 {
	display: none;
}
.blog_queue_de_bulle {
	display: none;	
}

.topsite h2 {
	font-family: 'Delius Swash Caps', sans-serif;
	font-size: 18px;
	color: #333;
	line-height: 14px;
	text-align: center;
}

.topsite p {
	font-family: 'Open Sans', 'Arial', sans-serif;
	/*font-family:Verdana, Geneva, sans-serif;*/
	font-size: 10px;
	color: #FFF;
	line-height: 12px;
	text-align: center;
}

.enteteAlbums, .enteteDecouvrir, .entetePresse, .enteteTraductions, .enteteGoodies, .enteteFaq, .enteteAuteurs, .enteteJeux, .enteteVideos, .enteteTheatre, .enteteFanarts {
	background-position: center;
}
/***** 
#menu{
	display:none;
}
*****/

ul#portfolio {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}
.annotations {
	font-size: 10pt;
	opacity: 0.8;
}
.carre {
	position: relative;
	float: left;
	width: 300px;
	height: 300px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.petitcarre {
	position: relative;
	float: left;
	width: 145px;
	height: 145px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	display: block;
	overflow: hidden;
}
.petitcarre2 {
	position: relative;
	float: left;
	width: 145px;
	height: 145px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	display: block;
	overflow: hidden;
}
.petitcarrefanarts {
	position: relative;
	float: left;
	width: 140px;
	height: 140px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.masquerond {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 145px;
	height: 145px;
	z-index: 4;
}
.colonne {
	position: relative;
	float: left;
	width: 310px;
	height: 145px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.colonne2 {
	position: relative;
	float: left;
	width: 310px;
	height: 145px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.boutique {
	position: relative;
	float: left;
	width: 145px;
	height: 41px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
}
div.boutique img {
	width: 290px;
	height: 41px;
}
div.boutique img:hover {
	position: absolute;
	left: -145px;
}
.blocfade {
	position: absolute;
	opacity: 1;
	padding: 0px;
	margin: 0px;
}
/* POUR THEATRE.PHP*/
.affiche {
	position: relative;
	float: left;
	width: 145px;
	height: 280px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.colonnetheatre {
	position: relative;
	float: left;
	width: 310px;
	height: 145px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.petitcarretheatre {
	position: relative;
	float: left;
	width: 145px;
	height: 145px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.video {
	position: relative;
	float: left;
	width: 300px;
	height: 169px;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: block;
	overflow: hidden;
}
.flechebas {
	display: none;
}
}

/*
 * Tarteaucitronjs specific styles
 */
 
 #tarteaucitronRoot {
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
}

#tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object,
#tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6,
#tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym,
#tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em,
#tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike,
#tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i,
#tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset,
#tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody,
#tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside,
#tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption,
#tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output,
#tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	background: initial;
	text-align: initial;
	text-shadow: initial;
}

#tarteaucitronRoot div#tarteaucitron {
	position: fixed;
	display: none;
	padding: 25px;
	width: 90%;
	max-width: 550px;
	max-height: 80%;
	background: #ffffff;
	top: 50% !important;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	z-index: 9999999999;
}

#tarteaucitronRoot .tarteaucitronH1 {
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

@media screen and (min-width: 1200px) {
	#tarteaucitronRoot .tarteaucitronH1 {
		font-size: 14px;
	}
}

#tarteaucitronRoot .tarteaucitronH2 {
	font-weight: 700;
}

#tarteaucitronRoot .tarteaucitronH3 {
	display: block;
	margin: 10px 0;
	font-weight: 700;
}

#tarteaucitronRoot .tarteaucitronListCookies {
	display: block;
}

#tarteaucitronRoot .tarteaucitronName {
	margin: 10px 0 15px 0;
}

#tarteaucitronRoot .tarteaucitronName a {
	font-size: 12px;
	text-decoration: underline;
}

#tarteaucitronRoot .tarteaucitronName a:hover {
	color: #74bdff;
}

#tarteaucitronRoot .tarteaucitronDetails {
	display: none;
}

#tarteaucitronRoot button {
	padding: 0;
	background: #010101;
	color: #010101;
	border: none;
	cursor: pointer;
}

#tarteaucitronRoot button#tarteaucitronClosePanel {
	position: absolute;
	width: 30px;
	height: 30px;
	background: transparent;
	color: transparent;
	top: 10px;
	right: 10px;
}

#tarteaucitronRoot button#tarteaucitronClosePanel:before {
	position: relative;
	content: '×';
	font-size: 30px;
	line-height: 20px;
	color: #666666;
}

#tarteaucitronRoot button#tarteaucitronPrivacyUrlDialog {
	font-weight: 700;
	text-decoration: underline;
}

#tarteaucitronRoot button.tarteaucitronAllow {
	margin-bottom: 10px;
	padding: .15rem .5rem .17rem;
	border: 2px solid #7DDF64;
}

@media screen and (min-width: 1200px) {
	#tarteaucitronRoot button.tarteaucitronAllow {
		margin-right: 10px;
	}
}

#tarteaucitronRoot button.tarteaucitronAllow.tarteaucitronIsSelected {
	background: #7DDF64;
}

#tarteaucitronRoot button.tarteaucitronDeny {
	margin-bottom: 10px;
	padding: .15rem .5rem .17rem;
	border: 2px solid #e34b2a;
}

#tarteaucitronRoot button.tarteaucitronDeny.tarteaucitronIsSelected {
	background: #e34b2a;
}

#tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
	background: #7DDF64;
}

#tarteaucitronRoot .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
	background: #e34b2a;
}

#tarteaucitronRoot .tarteaucitronInfoBox {
	margin: 25px 0;
	line-height: 16px;
}

#tarteaucitronRoot .tarteaucitronMainLine .tarteaucitronInfoBox {
	display: block !important;
}

#tarteaucitronRoot .tarteaucitronHidden {
	display: none;
	margin: 5px 10px 5px 0;
	padding-bottom: 5px;
}

@media screen and (min-width: 1200px) {
	#tarteaucitronRoot .tarteaucitronHidden .tarteaucitronLine {
		position: relative;
	}
	#tarteaucitronRoot .tarteaucitronHidden .tarteaucitronLine .tarteaucitronAsk {
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
	}
}

#tarteaucitronRoot .tarteaucitronHidden .tarteaucitronInfoBox {
	margin: 10px 0 10px 17px;
}

#tarteaucitronRoot .tarteaucitronHidden .tarteaucitronTitle button {
	background: transparent;
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom {
	position: fixed;
	padding: 10px;
	margin: 0 auto;
	max-width: 100%;
	background: #ffffff;
	right: 0;
	bottom: 0;
	left: 0;
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom #tarteaucitronDisclaimerAlert {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom button {
	background: #fff;
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom .tarteaucitronBtBannerContainer {
	position: relative;
	display: inline-block;
	left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom .tarteaucitronBtBannerContainer button {
	color: #666666;
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom #tarteaucitronPersonalize {
	margin-right: 5px;
	padding: .15rem .5rem .17rem;
	border: 2px solid #7DDF64;
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom #tarteaucitronCloseAlert {
	margin-left: 5px;
	padding: .15rem .5rem .17rem;
	border: 2px solid #666666;
}

#tarteaucitronRoot .tarteaucitronAlertBigBottom #tarteaucitronPrivacyUrl {
	display: block;
	margin: 10px auto 0 auto;
	font-weight: 700;
	text-decoration: underline;
}

#tarteaucitronRoot #tarteaucitronBack {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.25);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999998;
}

#tarteaucitronRoot .tarteaucitronAlertSmallBottom {
	position: fixed;
	bottom: 0;
}

#tarteaucitronRoot #tarteaucitronCookiesListContainer {
	display: none;
}

#tarteaucitronRoot .tarteaucitronAsk button {
	background: #ffffff;
	color: #010101;
}

.youtube_player {
	position: relative;
	width: 640px;
	height: 390px;
	max-width: 100%;
	margin: 0 auto;
}

.youtube_player iframe {
	max-width: 100%;
}

.youtube_player .tac_activate {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .5s ease-in;
}

.youtube_player .tac_float {
	position: absolute;
	margin: 10px auto;
	padding: 10px 0;
	width: 80%;
	background: #fff;
	text-align: center;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.youtube_player .tac_float button {
	margin-right: 5px;
	padding: .15rem .5rem .17rem;
	color: #666666;
	background: #fff;
	border: 2px solid#7DDF64;
}

.footer_contenu .text-right .cookies {
	color: #337ab7;
	cursor: pointer;
}

.footer_contenu .text-right .cookies:hover {
	color: #23527c;
	text-decoration: underline;
}

/*2025*/
/* override tarteaucitron */
#tarteaucitronRoot .tarteaucitronAlertBigBottom {
	bottom: 0;
	text-align: center;
}
#tarteaucitronRoot button {
	background: none;
}
#tac_title {
	display: none;
}