/* CSS Document */

/*****   FONT   *****/
@font-face {
font-family: 'OxygenRegular';
src: url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.eot');
src: url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Oxygen/Regular/oxygen-regular-webfont.svg#Oxygen') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'OxygenBold';
src: url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.eot');
src: url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Oxygen/Bold/oxygen-bold-webfont.svg#OxygenBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'OxygenLight';
src: url('/RessourcesCentrales/fonts/Oxygen/Light/oxygen-light-webfont.eot');
src: url('/RessourcesCentrales/fonts/Oxygen/Light/oxygen-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Oxygen/Light/oxygen-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Oxygen/Light/oxygen-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Oxygen/Light/oxygen-light-webfont.svg#OxygenLight') format('svg');
font-weight: normal;
font-style: normal;
}


html{
	font-size:16px;
}

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family:OxygenRegular, Verdana, Geneva, sans-serif;
	color:#414B65;
}

a {
	color:#59878C;
	text-decoration:none;
}

a:hover, a:focus {
	color:#E43D1D;
	text-decoration:none;
}


.row {
	max-width:1920px;
}

.relative {
	position:relative;	
}

.textePale {
	color:#838181;
}

/***********************************************************/
/*******************     header       **********************/
/***********************************************************/
#header {
	background-color:#1F1F1F;
	padding:20px 10%;
}

/*--------------- header-menu -------------*/
#main-menu {
	float:right;
	margin-top:60px;
}

#main-menu ul {
    margin:0;
    padding:0;
    list-style:none;
}

#main-menu li {
    margin:0;
	display:inline-block;
}

#main-menu li a {
	font-size:1.25rem;
	color:#777;
	text-transform:uppercase;
	display:inline-block;
	padding:0 4px;		
}

#main-menu a:hover , #main-menu a:focus {
	color:#E43D1D;     	
}

#main-menu  img.separateur {
	width:15px;
	margin-right:4px;
}

#main-menu ul.enfants {
	background-color:rgba(31,31,31,0.8);
	width:320px;
	padding:20px 10px;
}

#main-menu ul.enfants li {
	display:block;
	padding:7px 4px;
	text-transform:none;
	border-bottom:1px solid rgba(128,130,133,0.3);
}

#main-menu ul.enfants li a {
	text-transform:none;
}


/* Menu mobile */ 
#mobile-menu {
	max-width:100%;
	margin-top:20px;
	text-align:left;
}

#mobile-menu .slicknav_menu {
	background-color:#3C3C3C;
}

#mobile-menu  .slicknav_btn {    
    background-color:#3C3C3C;
	padding:6px;
	margin:0;
}

#mobile-menu .slicknav_menu .slicknav_menutxt {
    text-shadow: rgb(0, 0, 0) 0px 1px 1px;
	text-shadow:none;
}

#mobile-menu .slicknav_nav ul {
	margin-left:0px;
	width:100%;
}
#mobile-menu .slicknav_nav ul.enfants  {
	margin-left:10px;
	margin-right:10px;
}
#mobile-menu .slicknav_nav ul.enfants li {
	border-bottom:1px solid rgba(128,130,133,0.3);
}
#mobile-menu .slicknav_nav ul li {
	width:100%;
	text-align:left;
}

#mobile-menu .slicknav_nav li img {
	display:none;
}

#mobile-menu .slicknav_nav a {
    color: #FFF;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-left:0;
	padding:5px 6px;
	display:inline-block;	
}

#mobile-menu .slicknav_nav a:hover , #mobile-menu .slicknav_nav a:focus {
	background-color:#666;
	
}


/***********************************************************/
/*******************     bandeau       *********************/
/***********************************************************/
#bandeau {
	max-height:850px;
	overflow:hidden;
}

#bandeau .ms-layer {	
	text-align:center;
	max-width:60%;
}

#bandeau .ms-layer div.conteneur {
	background-color:rgba(162,161,165,0.7);	
}

#bandeau div.ms-slide h1 {
	text-transform:uppercase;
	color:#D73F1F;
	font-size:3.5rem;
	padding:40px;
}

#bandeau div.ms-slide p {
	color:#fff;
	font-size:1.25rem;
	padding:0px 40px 40px 40px;	
}


/***********************************************************/
/*******************     main-content     ******************/
/***********************************************************/

#main-content {
	padding:80px 10%;
}

#main-content h4 {
	margin-top:1.75rem;
}

#main-content ul {
    list-style-position:inside;
    margin:0 0 0 1.25rem;
}

iframe {
	max-width:100%;
	border:none;
}

.espacementTop {
	margin-top:2rem;
}

.espacementBottom {
	margin-bottom:2rem;
}

.centrer {
	text-align:center;
}

.texteEmphase {
	font-size:1.25rem;
}

.pagination a {
	padding:0;
}

.pagination ul li {
	padding:0 0.1875rem;
}

label {
	color:#414B65;
	font-weight:400;
	font-size:1.25rem;
}

/*-------------- Page Contact --------------------*/
/*------------------------------------------------*/
.body-contact iframe {
	width:100%;
	margin-bottom:40px;
}

.body-contact  #main-content p {	
	margin-bottom:30px;
	color:#A9B1BA;
}

.body-contact  #main-content div.coordonnees a span {	
	color:#A9B1BA;
}

.body-contact  #main-content div.coordonnees a:hover span {
	color:#E43D1D;
}

.body-contact  #main-content div.coordonnees .fa {
	font-size:1.25rem;
	margin-right:4px;
}

.body-contact  #main-content div.coordonnees span.marge {
	margin-left:18px; 
} 

.button {
	background-color:#90939B;
	font-size:1.125rem;
	margin-top:20px;
	letter-spacing:1px;
}
.body-contact #main-content input , .body-contact #main-content textarea {
	border:none;
	border-left:2px solid #E43D1D;
	border-bottom:1px solid #BFC4D0;
	color:#A8B0B5;	
	box-shadow:none;
}
.body-contact #main-content .button:hover , .body-contact #main-content .button:focus {
	background-color:#E43D1D;
}

input#ChampFormulaireVide {
position:absolute;
z-index:-99999999;
top:20%;
left:10%;
width:10%;
margin:auto;
}

/*---- confirmation ----*/
.confirmation {
	font-family:OxygenRegular, Verdana, Geneva, sans-serif;
	margin-left:16px;	
}

.confirmation h1 {
	color:#3E4D55;
	font-size:1.5rem;
}

.confirmation p {
	color:#63747C;
	font-size:0.875rem;
}

.confirmation a.ok {
	padding:10px 20px;
	color:#FFF;
	background-color:#E43D1D;
	float:right;
	
}

/* Erreurs de saisie */
.radium-ra {
	display:none;
}

.messages-box.error {
    background-color: #de4343;
    border-color: #c43d3d;
}

.messages-box {
background-size: 40px 40px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
width: 100%;
border: 1px solid;
color: #fff;
padding: 15px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
animation: animate-bg 5s linear infinite;
margin: 0 0 1rem 0;
text-align: left;
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

input[type=text].invalid, textarea.invalid {
border:1px solid #DE4343;
margin-bottom:0;
}

.error-message {
	display:inline-block;
	background-color:#DE4343;
	color:#FFF;
	width:100%;
	margin-bottom:14px;
	padding:0.3em 0.5em;
	font-size:85%;
}





/*------------------ Pour le contenu dynamique --------*/
/*-----------------------------------------------------*/

/* Pages */
#titrePage {
	text-align:center;
	margin-bottom:50px;
	font-size:3rem;
	color:#2F3749;	 	
}

.contenuPage {
	padding:0;
	margin-bottom:50px;		
}

.image-flottante-droite {
	border:none;
	padding:0px 0px 5px 5px;
	background:none;
	float:right;
	margin:0px 0px 5px 10px;
}

.image-flottante-gauche {
	border:none;
	padding:0px 5px 5px 0px;
	background:none;
	float:left;
	margin:0px 10px 5px 0px;
}

.droite {
text-align:left;
}

p.logoTourismeRN {
text-align:left;
padding:0.5rem 0 0 3.375rem;
}

p.logoTourismeRN a {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

p.logoTourismeRN a:hover {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

table.tableau-invisible, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

table thead, table th {
color:#FFFFFF;
}

.tableau-50-50 tr td {
width:50%;
padding:10px;
}

tbody, tfoot, thead {
border:none;
background-color:none;
}

hr {
clear:both;
margin:0px 0px 10px 0px;
padding:0;
height:0px;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-size:0.875rem;
color:#888888;	
font-style:italic;
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

div.clear {
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	border:0;
}

.bold {
font-weight:bold;
}

.italic {
font-style:italic;
}

/* Pages enfants */
div.blocEnfants {
	margin-bottom:80px;
}

div.enfant {
	margin:16px 0;
}

div.enfant a {
	color:#FFFFFF;
	opacity:1;
}

div.enfant a:hover , div.enfant a:focus {
	color:#FFFFFF;
	opacity:0.8;
}

div.backgroundImageEnfant {	
	min-height:280px;
	display:block;
	background-size:cover !important;		
}
div.backgroundImageEnfant .film {
	background-color:rgba(51,51,51,0.5);
	min-height:280px;
	padding-top:100px;	
}


div.backgroundCouleurEnfant {
	min-height:280px;
	background-color:#1F1F1F;
	padding-top:100px;	
}

h2.titreEnfant {
	font-size:1.375rem;
	text-align:left;
	max-width:80%;
	border-bottom:6px solid #E43D1D;
	overflow:hidden;
	height:66px;
	padding:4px 10px;
	letter-spacing:1px;
	line-height:2.4;
	display:block;
}

h2.titreEnfant:after {
	display:none;
}

h2.titreEnfant span {
	display:inline-block;
	vertical-align:middle;
	line-height:1.2;
}
.row.blocEnfants .columns {
	float:none;
	display:inline-block;
	vertical-align:top;	
}
.row.blocEnfants {
	text-align:center;
}

div.enfant p.contenuSecondaire {
	display:none;
}

/* Articles  */
.row.bloc-articles .columns {
	float:none;
	display:inline-block;
	vertical-align:top;	
}

.row.bloc-articles {
	text-align:center;
	margin-bottom:10px;
}

div.articles {
	margin-bottom:60px;
}

div.articles a {
	color:#FFFFFF;
	opacity:1;
}

div.articles a:hover , div.articles a:focus {
	color:#FFFFFF;
	opacity:0.8;
}

div.backgroundImageArticle {
	min-height:280px;
	display:block;
	background-size:cover !important;
}

div.backgroundCouleurArticle {
	min-height:280px;
	background-color:#232E26;
}

div.titreArticle{
	padding:24px 0 16px 0;
	color:#3E464F;
	text-align:left;
	font-size:1.25rem;
	line-height:1.2;
	
}

div.sommaireArticle {
	color:#979DAE;
	text-align:left;
}

div.titreArticle span {
	display:inline-block;
	vertical-align:middle;
	line-height:1.2;
} 


/*détails article*/
.titreDetailArticle {
	text-align:center;	
}

#titrePage.titreDetailArticle {
	font-size:2.5rem;
}

.imageDetailArticle {
	display:block;
	margin:20px auto 30px auto;
}

.bouton-article {
	color:#D1AB48;
	border:2px solid #D1AB48;
	padding:10px 20px;
	float:right;
	
}
.bouton-article:hover {
	color:#0A2C38;	
}

.bouton {
	float:left;
	margin:1rem 0;
}

.bouton a,
a.bouton {
	color:#2e2d2d;
	border-top:1px solid #434141;
	border-right:1px solid #686666;
	border-bottom:1px solid #434141;
	border-left:1px solid #686666;
	padding:10px 20px;
	font-weight:bold;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.bouton a:hover,
.bouton:hover {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	color:#e43d1d;
}

a.bouton-liste {
	padding:1.25rem 2.5rem;
	font-size:1.25rem;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#e43d1d;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

a.bouton-liste:hover, a.bouton-liste:focus, a.bouton-liste:active {
	color:#333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

a.bouton-liste i {
	padding-left:0.5rem;
}

/* documents */
ul.documents {
	list-style-type:none;;
	margin-top:10px;
	margin-bottom:60px;
}

li.document {	
	margin-bottom:2px;
	margin-top:0px;
	color:#96BBC2;
}

li.document a{
	color:#689DA8;	
}

li.document a:hover , li.document a:focus {
	color:#E43D1D;	
}

li.descriptionDocument {	
	color:#414E56;
	line-height:1.25rem;
	font-family:OxygenLight, Verdana, Geneva, sans-serif;	
	margin-bottom:16px;
}

.bloc-document {
	border:1px solid #ccc;
	padding:200px 30px;
	text-align:center;
	font-size:1.25rem;
	margin-top:30px;
	min-height:485px;
}

.bloc-document:after {
	content:'';
	display:block;
	border-bottom:1px solid #59878C;
	max-width:200px;
	margin:auto;
	margin-top:10px;
}
.bloc-document:before {
	content:'';
	display:block;
	border-top:1px solid #59878C;
	max-width:200px;
	margin:auto;
	margin-bottom:10px;
}

.row.documents-blocs .columns{
	float:none;
	display:inline-block;
	vertical-align:top;
}

.row.documents-blocs {
	text-align:center;
}


/* photos */
row.photos .colomns {
	float:none;
	padding:0;
	max-width:100%;
	margin-bottom:20px;
}

#photos a#plus {
	display:none;
}

#photos h3 {
	display:none;
}

#photos .row.photos{
	max-width:100%;
}

#photos {
	padding-top:50px;
}

/*-------------- Equipe ---------------*/
.equipe div.fiche {
	min-height:110px;
	padding:2px 20px;
	margin:20px 0;
}
.equipe h2.categorie {
	border-left:2px solid #E43D1D;
	padding-left:20px;
}

.equipe div.fiche h4.nom-prenom {
	margin-top:16px;
}

.equipe div.fiche p.poste {
	font-size:1.25rem;
	color:#8C96A2;
}

.equipe div.fiche ul {
	list-style:none;
}

.equipe div.fiche li {
	padding-bottom:10px;
	color:#97A2AE;
}

.equipe div.fiche div.icone {
	border:1px solid #97A2AE;
	width:30px;
	height:30px;
	text-align:center;
	padding-top:3px;
	display:inline-block;
	margin-right:10px;	
}

.equipe div.fiche .fa {
	font-size:1.125rem;
	diplay:inline-bloc;
}

.equipe div.fiche .fa-envelope {
	font-size:1rem;
}

.equipe div.fiche .fa-mobile {
	font-size:1.25rem;
}

/*-------------- Commentaires ---------------*/
div.commentaires {
padding-top:30px;
border-bottom:1px solid #A9B1BA;
}

div.commentaires:last-child {
margin-bottom:50px;
}


/*-------------- Partenaires ---------------*/
.partenaires .categorie h4 {
	border-bottom:1px solid #E43D1D;
	text-transform:uppercase;
	margin-bottom:30px;
	
}

.partenaires .row.membres {
	margin-bottom:60px;
	text-align:center;
}

.partenaires .row.membres .columns {
	float:none;
	display:inline-block;
	vertical-align:top;
}

/*-------------- Spectacles ---------------*/
div#programmationSpectacle {
	margin-top:2rem;
}

div#programmationSpectacle a div.ficheSpectacleImage img {
	opacity:1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div#programmationSpectacle a:hover div.ficheSpectacleImage img  {
	opacity:0.5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.ficheSpectacleImage {
	position:relative;
	background-color:#e43d1d;	
}

div#programmationSpectacle a div.ficheSpectacleFleche {
	position:absolute;
	text-align:center;
	top:25%;
	width:100%;
	opacity:0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div#programmationSpectacle a:hover div.ficheSpectacleFleche {
	opacity:1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.ficheSpectacle {
	position:relative;
	background-color:#262424;
	padding-bottom:1rem;
	margin-bottom:1rem;
	width:23%;
}

div.ficheSpectacle h2 {
	font-size:1.375rem;
	margin-top:0.5rem;
}

div.ficheSpectacle h3 {
	font-size:1.125rem;
}

div.ficheSpectacle h2, div.ficheSpectacle h3 {
	color:#FFFFFF;
	padding:0 1rem;
	line-height:1.2;
}

div.ficheSpectacle p {
	color:#e43d1d;
	padding:0.5rem 1rem 0 1rem;
	margin-bottom:0;
	font-size:0.875rem;
}

body.body-programmations-liste div.ficheSpectacle p {
    color:#FFFFFF;
}

/*-------------- Fiche détaillée d'un spectacle ---------------*/
body.body-accueil div#main-content div.damier div.row:nth-child(even) div.infoSpectacle div.image {
	float:right;
}

body.body-accueil div#main-content div.damier div.row:nth-child(even) div.infoSpectacle div.donnees {
	float:left;
	left:0;
	right:inherit;
	padding:2rem 8rem 1.5rem 3rem;
}

body.body-programmations-liste div#main-content h1, body.body-programmations-details div#main-content h1 {
	text-align:center;
	color:#2c2b2b;
	text-transform:uppercase;
}

body.body-accueil div.infoSpectacle h2, body.body-accueil div.infoSpectacle h3 {
	color:#000000;
}

div.infoSpectacle {
	margin:2rem 0;
	position:relative;
}

div.infoSpectacle h2, div.infoSpectacle h3 {
	color:#e43d1d;
	line-height:1;
}

div.infoSpectacle h2 {
	margin-bottom:0.5rem;
}

div.infoSpectacle div.image {
	position:relative;
	float:left;
	width:50%;
	background-color:#E43D1D;
}

div.infoSpectacle div.image a img {
	opacity:1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.infoSpectacle div.image a:hover img {
	opacity:0.5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.infoSpectacle p.textePale {
	line-height:1.4;
}

div.infoSpectacle div.donnees {
	position:absolute;
	top:2rem;
	right:0;
	float:right;
	width:56%;
	border:1px solid #7f7d7d;
	color:#30302f;
	padding:1.5rem 3rem 0rem 8rem;
	min-height:360px;
}

div.infoSpectacle div.donnees i {
	font-size:1.125rem;
	color:#E43D1D;
}

div.infoSpectacle div.donnees ul {
	list-style-type:none;
}

div.infoSpectacle div.donnees ul li {
	padding:0.25rem 0;
	margin:0;
}

div.infoSpectacle div.donnees ul li.listeDate {
	padding:0;
	margin:0;
	font-size:0.875rem;
}

div.credit {
position:absolute;
bottom:5px;
right:5px;
color:#FFFFFF;
text-shadow: 1px 1px 1px #000000;
}

table.affichageDate {
	margin-bottom:0;
	text-align:left;
}

table.affichageDate tbody {
	border:none;
}

table.affichageDate tbody td {
	padding:0;
	vertical-align:top;
}

div.infoSpectacle p img {
	padding:0 0.25rem 0 0;
	vertical-align:middle;
}

div.detailsRepresentations {
	color:#FFFFFF;
	position:relative;
}

div.detailsRepresentations div.small-12 {
	background-color:#323131;
}

div.detailsRepresentations div.small-12 div.columns {
	background-color:none;
	position:relative;
	z-index:1000;
}

div.detailsRepresentations h2 {
	line-height:1;
	margin:1rem 0 0 0;
}

div.detailsRepresentations h3 {
	line-height:1;
	margin:0 0 1rem 0;
}

div.detailsRepresentations a {
	background-color:#e43d1d;
	display:block;
	color:#FFFFFF;
	text-transform:uppercase;
	padding:2.5rem 0.5rem;
	margin:1rem 0;
	text-align:center;
	font-size:1.25rem;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.detailsRepresentations a:hover {
	background-color:#F1644A;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.detailsRepresentations div.date {
	background-color:#e43d1d;
	position:absolute;
	float:left;
	top:3rem;
	left:0;
	width:17.5rem;
	padding:0.5rem 0.75rem;
	line-height:1;
	z-index:1000;
	font-size:1.125rem;
	text-align:center;
}

div.detailsRepresentations ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.detailsRepresentations ul li {
	float:left;
	padding:0 2rem 0.25rem 0;
}

div.evenementPartenaires {
	margin:2.5rem 0 0 0;
}

div.evenementPartenaires ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.evenementPartenaires ul li {
	padding:1rem 1.5rem;
	float:left;
}

div.evenementPartenaires ul li p {
	padding-top:65px;
}

div.evenementPartenaires ul li a {
	opacity:1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.evenementPartenaires ul li a:hover {
	opacity:0.7;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

div.evenementPartenaires ul li span {
	padding:0 0 0 1rem;
	font-size:0.875rem;
}

div.reseauxSociaux {
	text-align:right;
	margin-top:4.625rem;
	margin-bottom:2.5rem;
	display:flex;
	justify-content:right;
}

div.reseauxSociaux div {
	position:relative;
	float:left;
	clear:none !important;
}

div.reseauxSociaux div img {
	padding:0 0.5rem 1rem 0;
}

div.reseauxSociaux div.addthis_inline_share_toolbox {
	padding:0 0 0 0.5rem;
}

div.detailsRepresentations div.column:last-child:not(:first-child) {
	float:left;
}

/*--------- carroussel----------*/ 
.ug-thumb-wrapper {
	width:317px !important;
	height:317px !important;
}

div#gallerySpectacles {
	height:317px !important;
}

div#gallerySpectacles h4 {
	margin-bottom:0;
	line-height:1;
}

div#gallerySpectacles div.ug-tile-navigation-wrapper {
	display:none;
}

div.ug-carousel-wrapper {
	width:100% !important;
}


/*----------------------- Page 404 --------------------*/
/*-----------------------------------------------------*/

.body-404 {
	background-color:#cd3333;
	text-align:center;
}

.body-404 img {
	width:450px;
	margin:60px 0px 20px 0px;
}

.body-404 p {
	text-align:center;
	font-size:2rem;
	color:#1F1F1F;
}

.body-404 a {
	color:#1F1F1F;
	font-size:1.25rem;
}

.body-404 a:hover, .body-404 a:active, .body-404 a:focus {
	color:#FFFFFF;
}


/***********************************************************/
/*******************     Footer       **********************/
/***********************************************************/

/*------------------     footer-infolettre   ----------------*/
/*-----------------------------------------------------------*/

#footer #infolettre {
	background-color:#3C3C3C;
	color:#FFF;
	padding:60px 10%;
}

#footer #infolettre h1 {
	font-size:3.5rem;
	text-transform:uppercase;
	letter-spacing:3px;
	text-align:center;
	margin-bottom:40px;
}

#footer #infolettre p {
	font-size:1.125rem;
	margin-bottom:20px;
	max-width:508px;
	margin:0 auto 30px auto;
	text-align:center;
}

#footer #infolettre div.mail {
	display:inline-block;
	vertical-align:middle;
}

#footer #infolettre div.form {
	max-width:508px;
	margin:auto;
	
}

#footer #infolettre div.mail input{ 
	height:70px;
	width:430px;
	background-color:#535152;
	color:#FFF;
	font-size:1.125rem;
	margin-bottom:0;
	border:none;
	margin-bottom:0px;
	vertical-align:middle;
}

#footer #infolettre button  {
	background-color:#535152;
	padding:11px 15px;
	color:#333;
	display:inline-block;
	text-align:center;
	/*float:right;*/
	vertical-align:middle;
}

#footer #infolettre button .fa-envelope-o {
	color:#E43D1D;
	font-size:3rem;
}

#footer #infolettre button:hover , #footer #infolettre button:focus {
	background-color:#666465;
}

#footer #infolettre div.form .columns {
	padding:0;
}
#footer #infolettre div.trait {	
	border-bottom:1px solid gray;
	max-width:70%;
	margin:80px auto 0 auto;
	opacity:0.5;	
}

/*------------------     footer-infos  ----------------*/
/*-----------------------------------------------------*/

#footer #infos {
	padding:30px 10% 60px 10%;
	background-color:#3C3C3C;
	color:#FFF;	
}

#footer #infos h4 {
	margin-bottom:16px;
	border-left:2px solid #E43D1D;
	padding-left:6px;
}

#footer #infos p {
	line-height:1.3rem;
	margin-bottom:20px;
}

#footer #infos p .marge {
	margin-left:16px;
}

#footer #infos a span {
	color:#fff;
}

#footer #infos a:hover span {
	color:#9AA7AD;
}

#footer #infos .fa {
	font-size:1.25rem;
	color:#828282;
	margin-right:3px;
}

#footer #infos a.blogue {
	float:right;
	font-size:1.25rem;
	color:#FFF;
}

#footer #infos a.blogue .fa-play {
	color:#E43D1D;
}

#footer #infos a.blogue:hover , #footer #infos a.blogue:focus {
	color:#E43D1D;
}

/*------------------     footer-droits  ---------------*/
/*-----------------------------------------------------*/
#footer  div#droits {
	background-color:#222222;
	padding:20px 10%;
}

#footer  div#droits p {
	color:#535152;
	margin:0;
}

#footer  div#droits a {
	color:#A6A6A6;	
}

#footer  div#droits a:hover ,  #footer  div#droits a:focus {
	color:#FFF;
}

#footer  div#droits div.icones {
	float:right;
}
#footer  div#droits a.icone {
	display:inline-block;
	font-size:1.875rem;
	margin:0 4px;	
}

#footer  div#droits a.icone:hover div.container , #footer  div#droits a.icone:focus div.container{
	background-color:#E43D1D;	
}

#footer  div#droits a.icone div.container {
	width:50px;
	height:50px;
	border-radius:100%;	
	background-color:#535152;
	text-align:center;
	padding-top:2px;
}