**********************************************************
		  GRIMALDI FORUM - 2014 - CONTENT
***********************************************************
		   			Content styles
**********************************************************/

/* HOME PAGE / ACTUALITES */
.home .mosaique { position:relative; overflow:hidden; }
.home .mosaique article{ display:block; float:left; overflow:hidden; margin:0; padding:0; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.home .mosaique article.w0{ width:100%; height:auto; }
.home .mosaique article.w1{ width:50%; height:600px; }
.home .mosaique article.w2,.home .mosaique article.w3{ width:25%; height:600px; }
.home .mosaique article.w3{ height:300px; }
.home .mosaique article.simple{ background:#cccccc; }
.home .mosaique article a { text-decoration:none; display:block; overflow:hidden; margin:0; padding:0; }
.home .mosaique article .visuel{ display:block; position:relative; overflow:hidden; margin:0; padding:0; max-height: 440px;}
.home .mosaique article .visuel img{ width:101%; /*bug chrome*/ height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.home .mosaique article .visuel .selection{ display:block; position:absolute; bottom:-15px; left:50%; width:60px; margin:0 auto auto -30px; height:30px; background: transparent url("../img/gui/home-mosaique-puce.png") no-repeat 0 50%; background-size: 60px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale')"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.home .mosaique article .info{ display:block; position:relative; padding:2em; }
.home .mosaique article .info .categorie{ display:block; color:#e7302a; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em; letter-spacing:.5px; padding-bottom:.5em; }
.home .mosaique article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.1em; padding-bottom:.1em; margin:0; }
.home .mosaique article .info p{ display:block; font-size:.9em; padding:0; margin:0; }
.home .mosaique article .info .date{ display:block; color:#e7302a; font-weight:100; font-size:.9em; font-family: 'grimaldiforum-medium', Arial, sans-serif; padding-top:.2em; }
.home .mosaique article.simple:hover{ background:#e6e6e6; }
.home .mosaique article a:hover .visuel img{ -webkit-filter: brightness(115%); }
.home .mosaique article a:hover .visuel .selection{ bottom:-7px; }

/* L'AGENDA */
.agenda .centre .fil-ariane { margin:3em 0 0 0; }
.agenda .centre h1{ margin-bottom:1em; }
.agenda .centre article{ display:block; overflow:hidden; margin:0 0 .5em 0; padding:0; background:#e6e6e6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.agenda .centre article .visuel{ display:block; position:relative; width:35%; float:left; overflow:hidden; margin:0; padding:0; }
.agenda .centre article .visuel img{ width:100%; height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.agenda .centre article .info{ display:block; position:relative; float:left; width:32%; padding:1em 2em 0 2em; }
.agenda .centre article .info .categorie{ display:block; color:#e7302a; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em; letter-spacing:.5px; }
.agenda .centre article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.2em; margin:0; }
.agenda .centre article .info .date{ display:block; color:#e7302a; font-weight:100; font-size:.9em; font-family: 'grimaldiforum-medium', Arial, sans-serif; }
.agenda .centre article .description{ display:block; position:relative; float:left; width:20%; padding:1em 0 .5em 0; }
.agenda .centre article .description p{ display:block; font-size:.8em; padding:0; margin:0; }
.agenda .centre article .description a{ display:block; float:left; clear:both; font-size:.7em; text-transform:uppercase; padding:0;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.agenda .centre article .description a.more-info{ color:#e7302a; font-family: 'grimaldiforum-bold', Arial, sans-serif; }
.agenda .centre article .description a.more-info:hover{ color:#000000; text-decoration:none; }
.agenda .centre article .description a.reservation{ font-size:.65em; color:#ffffff; background: #e52226 url("../img/gui/picto-reserver.png") no-repeat 2% 50%; background-size: 25px; padding:.4em 2em .4em 4em; margin: .5em 0; }
.agenda .centre article .description a.reservation:hover{ text-decoration:none; background: #000000 url("../img/gui/picto-reserver.png") no-repeat 2% 50%; background-size: 27px; }
.agenda .centre article:hover{ background:#f2f2f2; }
.agenda .centre article:hover .visuel img{ -webkit-filter: brightness(115%); }
.agenda .colonne .bloc-recherche fieldset{ margin-top:2em; }


/* LES REFERENCES */
.references .colonne .bloc p{ margin: 2.5em 3.3em; }
.references .centre .fil-ariane { margin:3em 0 0 0; }
.references .centre h1{ margin-bottom:1em; }
.references .centre article{ display:block; float:left; overflow:hidden; width:33.33%; height:310px; margin:0; padding:0; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.references .centre article a { text-decoration:none; display:block; overflow:hidden; margin:0; padding:0; }
.references .centre article .visuel{ display:block; position:relative; overflow:hidden; margin:0; padding:0; }
.references .centre article .visuel img{ width:101%; /*bug chrome*/ height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.references .centre article .visuel .selection{ display:block; position:absolute; bottom:-15px; left:50%; width:60px; margin:0 auto auto -30px; height:30px; background: transparent url("../img/gui/home-mosaique-puce.png") no-repeat 0 50%; background-size: 60px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale')"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.references .centre article .info{ display:block; position:relative; padding:1.5em 1em 2em 0; }
.references .centre article .info .categorie{ display:block; color:#e7302a; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em; letter-spacing:.5px; padding-bottom:.5em; }
.references .centre article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.1em; padding-bottom:.1em; margin:0; }
.references .centre article .info p{ display:block; font-size:.9em; padding:0; margin:0; }
.references .centre article .info .date{ display:block; color:#e7302a; font-weight:100; font-size:.9em; font-family: 'grimaldiforum-medium', Arial, sans-serif; padding-top:.2em; }
.references .centre article.simple:hover{ background:#e6e6e6; }
.references .centre article a:hover .visuel img{ -webkit-filter: brightness(115%); }
.references .centre article a:hover .visuel .selection{ bottom:-7px; }

/* PAGES SPECIFIQUE : BLOC ENTREE SOUS RUBRIQUE */
.content .centre .bloc-container { display:block; position:relative; overflow: hidden; width: 100%; height: auto; *zoom: 1; margin-bottom:2em; }
.content .centre .bloc-container article{ display:block; float:left; overflow:hidden; width:33.33%; height:300px; margin:0; padding:0; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .centre .bloc-container article a { text-decoration:none; display:block; overflow:hidden; margin:0; padding:0; }
.content .centre .bloc-container article .visuel{ display:block; position:relative; overflow:hidden; margin:0; padding:0; }
.content .centre .bloc-container article .visuel img{ width:101%; /*bug chrome*/ height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .centre .bloc-container article .visuel .selection{ display:block; position:absolute; bottom:-15px; left:50%; width:60px; margin:0 auto auto -30px; height:30px; background: transparent url("../img/gui/home-mosaique-puce.png") no-repeat 0 50%; background-size: 60px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale')"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.content .centre .bloc-container article .info{ display:block; position:relative; padding:1.5em 1em 1em 0; }
.content .centre .bloc-container article .info .categorie{ display:block; color:#e7302a; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em; letter-spacing:.5px; padding-bottom:.5em; }
.content .centre .bloc-container article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.1em; padding-bottom:.1em; margin:0; }
.content .centre .bloc-container article .info p{ display:block; font-size:.9em; padding:0; margin:0; }
.content .centre .bloc-container article .info .date{ display:block; color:#e7302a; font-weight:100; font-size:.9em; font-family: 'grimaldiforum-medium', Arial, sans-serif; padding-top:.2em; }
.content .centre .bloc-container article.simple:hover{ background:#e6e6e6; }
.content .centre .bloc-container article a:hover .visuel img{ -webkit-filter: brightness(115%); }
.content .centre .bloc-container article a:hover .visuel .selection{ bottom:-7px; }
.content .centre .bloc-container.presse {height: 221px;}
/* Version THE EVENT FACTOIRY -> SERVICES */
/*.content .centre .submenu article.col-md-4{ height:420px; }*/
.content .centre .submenu article.col-md-3{ height:220px; }
.content .centre .submenu article .info{ padding-left:1em; }
/* Version THE EVENT FACTOIRY -> PRODUCTION CULTURELE */
.content .centre .production-culturelle article{ width:25%; height:230px; }
/* Version ENTREPRISE -> METIERS */
.content .centre .metiers article{ height:450px; }
.content .centre .metiers article .visuel h1{ display:block; position:absolute; top:45%; left:0; width:100%; margin:0; font-family: 'grimaldiforum-regular', Arial, sans-serif; font-size:1.1em; font-weight:100; color:#ffffff; text-align:center;  }
.content .centre .metiers article .visuel h1.first{ top:40%; }
.content .centre .metiers article .info{ padding-left:1em; }
.content .centre .metiers article .info p{ font-weight:100; font-size:.85em; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.3em; margin-bottom:.5em; }
.content .centre .metiers article .info ul li{ font-size:.9em; }
/* Version THE EVENT FACTOIRY -> LES ESPACES */
.content .centre .espaces article{ width:25%; height:auto; }
.content .centre .espaces article .info{ padding:1em .5em 0 .5em; }
.content .centre .espaces article .info h1{ text-transform:uppercase; line-height:1.2em; }
.content .centre .espaces article .info ul { list-style-type: disc; list-style-position: outside; padding:0 0 0 0; margin:0; }
.content .centre .espaces article .info ul li a{ font-family: 'grimaldiforum-light', Arial, sans-serif; font-size:1.25em; padding:0 0 .2em 0; margin:0; }
.content .centre .espaces article.accueil .info h1,
.content .centre .espaces article.accueil .info ul,
.content .centre .espaces article.accueil .info ul li a{ color:#9fa1cc; }
.content .centre .espaces article.exposition .info h1,
.content .centre .espaces article.exposition .info ul,
.content .centre .espaces article.exposition .info ul li a{ color:#5e3874; }
.content .centre .espaces article.auditorium .info h1,
.content .centre .espaces article.auditorium .info ul,
.content .centre .espaces article.auditorium .info ul li a{ color:#af1021; }
.content .centre .espaces article.reunion .info h1,
.content .centre .espaces article.reunion .info ul,
.content .centre .espaces article.reunion .info ul li a{ color:#e57b00; }
.content .centre .espaces article .info ul li a.current{ text-decoration:underline; }
.content .centre .map-espace { display:block; position:relative; overflow: hidden; width: 100%; height: auto; *zoom: 1; margin-bottom:2em; }
.content .centre .map-espace img.plan_over{ position:absolute; display:none; }
.content .colonne .bloc-google-maps form{padding: 20px 0 20px 41px;}

#content-summer{margin-top:70px;}

/* LES CASESTUDIES */
.casestudies .colonne .bloc p{ margin: 2.5em 3.3em; }
.casestudies .fil-ariane { margin:3em 0 0 0; }
.casestudies h1{ margin-bottom:1em; }
.casestudies article{ display:block; float:left; overflow:hidden; width:33.33%; height:315px; margin:0; padding:0; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.casestudies article a { text-decoration:none; display:block; overflow:hidden; margin:0; padding:0; }
.casestudies article .visuel{ display:block; position:relative; overflow:hidden; margin:0; padding:0; }
.casestudies article .visuel img{ width:101%; /*bug chrome*/ height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.casestudies article .visuel .selection{ display:block; position:absolute; bottom:-15px; left:50%; width:60px; margin:0 auto auto -30px; height:30px; background: transparent url("../img/gui/home-mosaique-puce.png") no-repeat 0 50%; background-size: 60px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale')"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.casestudies article .info{ display:block; position:relative; padding:1.5em 1em 2em 0; }
.casestudies article .info .categorie{ display:block; color:#e7302a; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em; letter-spacing:.5px; padding-bottom:.5em; }
.casestudies article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.1em; padding-bottom:.1em; margin:0; }
.casestudies article .info p{ display:block; font-size:.9em; padding:0; margin:0; }
.casestudies article .info .date{ display:block; color:#e7302a; font-weight:100; font-size:.9em; font-family: 'grimaldiforum-medium', Arial, sans-serif; padding-top:.2em; }
.casestudies article.simple:hover{ background:#e6e6e6; }
.casestudies article a:hover .visuel img{ -webkit-filter: brightness(115%); }
.casestudies article a:hover .visuel .selection{ bottom:-7px; }

/* LES CASESTUDIES */
.event-link .colonne .bloc p{ margin: 2.5em 3.3em; }
.event-link .fil-ariane { margin:3em 0 0 0; }
.event-link h1{ margin-bottom:1em; }
.event-link article{ display:block; overflow:hidden; margin:0; padding:0; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.event-link article a { text-decoration:none; display:block; overflow:hidden; margin:0; padding:0; }
.event-link article .visuel{ display:block; position:relative; overflow:hidden; margin:0; padding:0; }
.event-link article .visuel img{ width:101%; /*bug chrome*/ height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.event-link article .visuel .selection{ display:block; position:absolute; bottom:-15px; left:50%; width:60px; margin:0 auto auto -30px; height:30px; background: transparent url("../img/gui/home-mosaique-puce.png") no-repeat 0 50%; background-size: 60px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale')"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.event-link article .info{ display:block; position:relative; padding:1.5em 1em 2em 0; }
.event-link article .info .categorie{ display:block; color:#e7302a; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em; letter-spacing:.5px; padding-bottom:.5em; }
.event-link article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.1em; padding-bottom:.1em; margin:0; }
.event-link article .info p{ display:block; font-size:.9em; padding:0; margin:0; }
.event-link article .info .date{ display:block; color:#e7302a; font-weight:100; font-size:.9em; font-family: 'grimaldiforum-medium', Arial, sans-serif; padding-top:.2em; }
.event-link article.simple:hover{ background:#e6e6e6; }
.event-link article a:hover .visuel img{ -webkit-filter: brightness(115%); }
.event-link article a:hover .visuel .selection{ bottom:-7px; }
.event-link .block{height: 61px;padding: 26px 30px 54px;color: #ffffff;background-color: rgb(103, 103, 103);font-family: 'grimaldiforum-light';font-size: 30px;line-height: 1em;}

/*Sous menu*/
.submenu .colonne .bloc p{ margin: 2.5em 3.3em; }
.submenu .fil-ariane { margin:3em 0 0 0; }
.submenu h1{ margin-bottom:1em; }
.submenu article.col-3{width:25%;}
.submenu article.col-4{width:33.33%;}
.submenu article{ display:block; float:left; overflow:hidden; margin:0; padding:0; background:#ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.submenu article a { text-decoration:none; display:block; overflow:hidden; margin:0; padding:0; }
.submenu article .visuel{ display:block; position:relative; overflow:hidden; margin:0; padding:0; }
.submenu article .visuel img{ width:101%; /*bug chrome*/ height:auto; margin:0; padding:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.submenu article .visuel .selection{ display:block; position:absolute; bottom:-15px; left:50%; width:60px; margin:0 auto auto -30px; height:30px; background: transparent url("../img/gui/home-mosaique-puce.png") no-repeat 0 50%; background-size: 60px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/gui/home-mosaique-puce.png', sizingMethod='scale')"; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.submenu article .info{ display:block; position:relative; padding:1.5em 1em 2em 0; }
.submenu article .info .categorie{ display:block; color:#e7302a; font-family: Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em; letter-spacing:.5px; padding-bottom:.5em; }
.submenu article .info h1{ display:block; font-size:1.2em; font-weight:100; font-family: 'grimaldiforum-medium', Arial, sans-serif; line-height:1.1em; padding-bottom:.1em; margin:0; }
.submenu article .info p{ display:block; font-size:.9em; padding:0; margin:0; }
.submenu article .info .date{ display:block; color:#e7302a; font-weight:100; font-size:.9em; font-family: 'grimaldiforum-medium', Arial, sans-serif; padding-top:.2em; }
.submenu article.simple:hover{ background:#e6e6e6; }
.submenu article a:hover .visuel img{ -webkit-filter: brightness(115%); }
.submenu article a:hover .visuel .selection{ bottom:-7px; }

/************************************************************************/
/* MEDIA QUERY --- OPTIMISATION RESPONSIVE POUR PETITS ECRANS*/

/* MEDIAQUERY - version Intermediaire / IPAD PAYSAGE */
@media only screen and (max-width: 69em) {

}
/************************************************************************/

/* MEDIAQUERY - version Intermediaire / IPAD PORTRAIT */
@media only screen and (max-width: 63.5em) {
	.home .mosaique article.w1{ width:50%; height:520px; }
	.home .mosaique article.w2{ width:50%; height:900px; }
	.home .mosaique article.w3{ width:50%; height:400px; }
	.home .mosaique article.simple{ height:200px; }
	.references .centre article{ height:320px; }
	.content .centre .services article{ height:420px; }
	.content .centre .production-culturelle article{ height:250px; }
}
/************************************************************************/

/* MEDIAQUERY - version Intermediaire spécifique / PHABLETTE 55 */
@media only screen and (max-width: 55em) {
	.home .mosaique article.w1{ width:50%; height:470px; }
	.home .mosaique article.w2{ width:50%; height:800px; }
	.home .mosaique article.w3{ width:50%; height:390px; }
	.home .mosaique article.simple{ height:280px; }
	.content .centre .services article{ height:380px; }
}
/************************************************************************/

/* MEDIAQUERY - version Intermediaire spécifique / PHABLETTE 45 */
@media only screen and (max-width: 45em) {
	.home .mosaique article.w1{ width:50%; height:410px; }
	.home .mosaique article.w2{ width:50%; height:670px; }
	.home .mosaique article.w3{ width:50%; height:340px; }
	.home .mosaique article.simple{ height:280px; }
	.references .centre article{ width:50%; height:330px; }
	.content .centre .services article{ width:50%; height:440px; }
	.content .centre .production-culturelle article{ width:50%; height:350px; }
	.content .centre .metiers article{ width:50%; height:470px; }
	.content .centre .espaces article{ width:50%; padding-bottom:1em; }
}
/************************************************************************/


/* MEDIAQUERY - version Intermediaire / MOBILE */
@media only screen and (max-width: 35em) {
	.home .mosaique article.w1, .home .mosaique article.w2, .home .mosaique article.w3{ width:100%; height:auto; }
	.references .centre article{ width:100%; height:auto; }
	.agenda .centre article .visuel{ width:100%; }
	.agenda .centre article .info{ width:auto; padding:1em 1em 0 1em; }
	.agenda .centre article .description{ width:auto; padding:0 1em 1em 1em; }
	.content .centre .services article{ width:100%; height:auto; }
	.content .centre .production-culturelle article{ width:100%; height:auto; }
	.content .centre .metiers article{ width:100%; height:auto; }
	.content .centre .espaces article{ width:100%; }
}
/************************************************************************/

/* MEDIAQUERY - version PRINT */
@media print {

}
/************************************************************************/

.content iframe.video{width: 100% !important; height: 460px; margin-bottom: 30px;}


/* DatePicker */
#datepicker{padding: 31px 46px 14px 46px}
.ui-datepicker .ui-datepicker-title {font-size: 18px;text-transform: uppercase; margin-bottom: 12px; padding-left: 8px;}
.ui-datepicker thead tr th span {color: #e52226;}
.ui-datepicker-calendar{width:186px;}
.ui-datepicker tbody{font-size: 12px;}
.ui-datepicker tbody tr td{height: 27px; text-align: center;}
.ui-datepicker tbody tr td.highlight{background: url(../img/gui/agenda-highlight-red.png) no-repeat 4px 3px; -webkit-transition: 0.5s; transition: 0.5s;}
.ui-datepicker tbody tr td.highlight:hover{background-image: url(../img/gui/agenda-highlight-white.png);}
.ui-datepicker tbody tr td.highlight:hover a {color: #e52226; -webkit-transition: 0.5s; transition: 0.5s;}
.ui-datepicker tbody tr td.highlight.other{background-image: url(../img/gui/agenda-highlight-gray.png);}
.ui-datepicker tbody tr td a {color: #ffffff; text-decoration: none; cursor: default;}
.ui-datepicker tbody tr td.highlight a {cursor: pointer;}
.ui-datepicker-prev, .ui-datepicker-next{position: absolute; position: absolute; color: #ffffff; top: 25px; right: 72px; font-size: 30px; cursor: pointer; text-decoration: none;}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover{text-decoration: none; color: #e52226;}
.ui-datepicker-next {right: 56px;}
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled {display:none}

.space-pro .connection {padding: 30px; width: 350px; height: 160px; background-color: #e6e6e6;}
.space-pro .connection .input {padding:10px 0;}
.space-pro .connection fieldset input {float: right; width: 165px;}
.space-pro .connection fieldset input.submit {position: absolute; bottom: 0px; left: 0px; padding: 10px;}

/* Panoramique */
#pano {height:537px;}
@media only screen and (max-width: 35em) {
 #pano {height:250px;}
 }
.clear {clear: both;}


/*************************** PRESS ******************************/
.references .centre article.press-arch
{
	width: 25%;
	height: 430px;
}

div.press-archive-container div.col-md-4
{
	margin-bottom: 40px;
}
div.press-archive-container div.col-md-4:last-child
{
	margin-bottom: 25px;
}

.references .centre article.press-arch .visuel img:hover,
.references .centre article.press-arch .visuel img
{
	width: 100%;
}

/*div.archive-thumb*/
/*{*/
/*	padding: 15px;*/
/*	text-align: center;*/
/*}*/
/*div.archive-thumb h2*/
/*{*/
/*	margin-top: 0em; */
/*	padding-right: 0em; */
/*}*/

/*img.thumb-press-archive*/
/*{*/
/*	max-height: 275px;*/
/*	border: 1px solid #d9d9d9;*/
/*	-webkit-box-shadow: 0px 10px 55px -20px rgba(0,0,0,0.75);*/
/*	-moz-box-shadow: 0px 10px 55px -20px rgba(0,0,0,0.75);*/
/*	box-shadow: 0px 10px 55px -20px rgba(0,0,0,0.75);*/
/*	margin: 0 auto;*/
/*	-webkit-transition: all 0.5s ease;*/
/*	-moz-transition: all 0.5s ease;*/
/*	-o-transition: all 0.5s ease;*/
/*	transition: all 0.5s ease;*/
/*}*/

/*a:hover div.archive-thumb img.thumb-press-archive*/
/*{*/
/*	opacity: 0.8;*/
/*	filter: alpha(opacity=80); /* For IE8 and earlier */*/
/*}*/

div.visuel.crop
{
	overflow: hidden;
	height: 131px;
	width: 100%;
}

div.visuel.crop img
{
/*	margin-top: -50% !important;*/
}

.bloc-pressmore
{
	padding-bottom: 10px !important;
}

a.stickyLink,
.bloc-pressmore,
a.stickyLink h4
{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a.stickyLink:hover
{
	text-decoration: none;
}

a.stickyLink:hover .bloc-pressmore
{
	background-color: #e52226;
}

a.stickyLink:hover h4
{
	color: #ffffff !important;
}