/* VALUES CSS */
/* URL IMAGE : ../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/Fond_Viral-1600p.jpg;
/* URL DEGRADE : ../../fichiersContribs/au-programme/expos-temporaires/moyen-age/_site__web/bkg_degrade.png;
/* URL BTN + = '../images/bouton-en-savoir-plus-blanc.gif' //// '../images/bouton-en-savoir-plus-noir.gif'
/* case 1 COLOR1 : #ffea00; => rechercher #COLOR1
/* case 2 COLOR2 : #eb70a6; => rechercher #COLOR2
/* COULEUR ROUGE CITE : #ea001b;
/* COULEUR BLEU EXPO TEMPO : #2878c8;
/* case QRCODE : #e8e8e8 => rechercher #COLORQR */

html {
	background: #000000;
	width     : 100%;
	height    : 100%;
	padding   : 0;
	margin    : 0;
}

html #expoTemporaire , body#expoTemporaire {
	background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/bkg_degrade.png') left top repeat-x !important;
	width     : 100%;
	height    : auto;
	padding   : 0;
	margin    : 0;
}

#wrapper {
	background-color: #FFF;
	background-image: url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/bkg_degrade.png');
	background-position: left top;
	background-repeat: repeat-x;
}

html body#expoTemporaire #wrapper h1,
#breadCrumb, p, strong.subtitle {
    color : #000 !important;
}

/************************
     HELPER CLASSES 
************************/
.hidden { display: none; }


/*****************************
     RESET PALAIS - DEBUT 
*****************************/
html body.pageSAS#expoTemporaire #wrapper #main article .item-grid.bgNone h1 { margin: 20px 0 0 !important; }
#expoTemporaire.rootlevel2 article { padding-left: 0px !important; background-color: inherit !important; }
/*****************************
     RESET PALAIS - FIN 
*****************************/

/************************
     PAGE SAS - Début 
************************/
body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/Fond_Viral-1600p.jpg') top center no-repeat; }
/*html[lang="en-EN"] body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/generique/__site_web/en/bkg_generique_1600.jpg') top center no-repeat; }*/

/* HEAD DE LA PAGE */
html body#expoTemporaire.pageSAS #wrapper #main article .item-grid.bgNone .achetezBillet { margin-bottom : 20px !important; }
html body header ul#listeSite li { border-right-color: #000; }
html body header ul#listeSite li a { color: #000; }
html body header ul#listeSite li a.active, html body header ul#listeSite li a.red { color: #ea001b; }
/*html body#expoTemporaire #wrapper h2 { background-color: #ea001b !important; }*/

/* VIDEO */
html body#expoTemporaire #wrapper #main article #item-grid-36690.item-grid.wauto { max-width: 480px !important; min-height: 270px; }

html body#expoTemporaire #wrapper #main article #item-grid-36690.item-grid.wauto .contenu {
	position      : relative;
	padding-bottom: 56.25%;
	height        : 0;
}
html body#expoTemporaire #wrapper #main article #item-grid-36690.item-grid.wauto .contenu iframe {
	position: absolute;
	top     : 0;
	left    : 0;
	width   : 100%;
	height  : 100%;
}

/* BLOCS GRILLE GENERIQUE */
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu1, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu1,
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu2, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu2,
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu3, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu3,
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu4, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu4,
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu5, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu5,
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu6, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu6,
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu7, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu7 {
	color     : #000000;
	background: #e8e8e8 url('../images/bouton-en-savoir-plus-noir.gif') no-repeat left bottom !important;
}
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu1, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu1 { background-color : #ffe800 !important; } /* #COLOR1 */
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu2, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu2 { background-color : #eb70a6 !important; } /* #COLOR2 */
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu3, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu3 { background-color : #ffe800 !important; } /* #COLOR3 */
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu4, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu4 { background-color : #eb70a6 !important; } /* #COLOR4 */
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu5, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu5 { background-color : #ffe800 !important; } /* #COLOR5 */
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu6, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu6 { background-color: #eb70a6 !important; } /* #COLOR6 */
html body.pageSAS .item-grid.w1.h1>a #itemGridMenu7, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu7 { background-color: #ffe800 !important; } /* #COLOR7 */
/*html body.pageSAS .item-grid.w1.h1>a #itemGridMenu8, html body.pageSAS .item-grid.w2.h1>a #itemGridMenu8 { 
	color     : #FFF;
	background: #000 url('../images/bouton-en-savoir-plus-blanc.gif') no-repeat left bottom !important;
}*/

html body#expoTemporaire.pageSAS #wrapper #main article .item-grid.w1.h1 { overflow: initial !important; }
html body#expoTemporaire.pageSAS #wrapper #main article .item-grid.w2.h1.margR  { margin-right: 205px !important; }
html body#expoTemporaire.pageSAS #wrapper #main article .item-grid.w2.h2 { display : none !important; }
html body#expoTemporaire.pageSAS #wrapper #main article .item-grid.wauto { width : auto !important; }
html body#expoTemporaire.pageSAS #wrapper #main article  .item-grid.w1 img { width : auto !important; }
html body#expoTemporaire.pageSAS #wrapper #main article  .item-grid.bgDark { background-color : #000 !important; }
html body#expoTemporaire.pageSAS #wrapper #main .BlocContenuSdL.w1.h1>a.enSavoirPlus .label { margin-bottom : 0 !important;  }
html body#expoTemporaire.pageSAS #wrapper #main #socialAside, html body.pageSAS aside #iconoAside { display: none !important; }
html body#expoTemporaire.pageSAS.prochainement #wrapper #main aside { margin-top: 503px; }
html body#expoTemporaire.pageSAS #wrapper #main aside { margin-top: 600px; }

html body#expoTemporaire.pageSAS #wrapper #main article .item-grid.separateur { display : none !important; }
html body.pageSAS .item-grid .titre {
	font-size     : 22px !important;
	line-height   : 22px !important;
	letter-spacing: 0.5px !important;
}

/************************
     PAGE SAS - FIN 
************************/

/* BREADCRUMB */
html body#expoTemporaire #wrapper header #breadCrumb li { background: url('../images/ui/fleche_10px_01.png') no-repeat 1px center !important; }
html body#expoTemporaire #wrapper header #breadCrumb li:first-child { background: none !important; }

/* TITRE */
html body#expoTemporaire #wrapper .blocTitre { margin-top: 10px; }
html body#expoTemporaire #wrapper h1 { font-size : 80px !important; }
/*html body#expoTemporaire.pageSAS #wrapper h1 { width: 90%; }*/
html body#expoTemporaire #wrapper h2 { display : inline-block !important; color: #FFF !important; }
html body#expoTemporaire #wrapper h3 { font-size : 15px !important; line-height : 1em !important; letter-spacing : 1px !important; }
html body#expoTemporaire #wrapper article h3 { margin-top: 10px !important; } 
html body#expoTemporaire.rootlevel2 #wrapper h1 { font-size : 64px !important; }
html body#expoTemporaire #wrapper article h4, html body#expoTemporaire #wrapper #main article div.contenu h4, html body#expoTemporaire #wrapper #main article div.contenu h4.lettrine:first-letter { color : #000 !important; border-color : #000; }
html body#expoTemporaire #wrapper article h5 { border-color : #000; margin-top : 0; color : #000 !important; }
h1 .retourLigneTitre { display: inline; }
/* SOUS TITRE */
html body#expoTemporaire #wrapper #main h1 strong.secondLine {
	font-size  : 36px !important;
	line-height: 43px !important;
	margin-top : 10px !important;
	font-family: "ff-more-web",sans-serif!important;
    font-style: normal!important;
    font-weight: 900!important;
	display    : block;
}
html body#expoTemporaire.pageSAS #wrapper #main h1 strong.secondLine { line-height: 43px !important; width: 80%; margin-top: 5px !important; }
html body#expoTemporaire #wrapper #main h1 strong.thirdLine {
	font-size     : 20px !important;
	line-height   : 0.5em !important;
	text-transform: none !important;
	display       : block;
	margin-top    : 25px;
	font-weight   : normal !important;
	font-family: "ff-more-web",sans-serif!important;
}
html body#expoTemporaire.pageSAS #wrapper #main h1 strong.thirdLine { margin-top: 15px; }
html body#expoTemporaire #wrapper #main h1 strong.thirdLine img { vertical-align: middle !important; }

html body#expoTemporaire #wrapper article strong.subtitle { display: block; margin-top: 10px !important; }

/* INTRODUCTION */
html body#expoTemporaire #wrapper article .introduction p a, 
html body#expoTemporaire #wrapper article .chapeau p a, 
html body#expoTemporaire #wrapper article .contenu p a { border-color : #000 !important; }

/* BLOCS */
.plus25 { display : none; }
html body#expoTemporaire #wrapper #main #blocAboPass.item-grid>a.enSavoirPlus { background : none; }
#blocAboPass { min-height : 205px; }
#blocAccess { background : #191919 !important; padding : 0px !important; }
#blocAccess>img { margin : 10px !important; }
#blocBoutique.BlocContenuSdL.item-grid.bgWhite { background: #FFF url('../images/logo-rmn-blanc.jpg') no-repeat center center !important; }
#blocBoutique.BlocContenuSdL.item-grid.bgDark { background: #000 url('../images/logo-rmn.jpg') no-repeat center center !important; }
html body #wrapper #main .titre.accessibilite { color : #FFF !important; margin-top : 10px !important; }
html body#expoTemporaire #wrapper .BlocContenuSdL.colpos-1.w1.h2 { height: auto !important; min-height : 210px !important; }
html .item-grid.bgInstitutionnel .texte { color: #000; }
html .item-grid.w1.h1#labelExpo { padding-top: 0px !important; }
html body#expoTemporaire #wrapper #main .BlocContenuSdL.w1.h1#labelExpo>a.enSavoirPlus { margin-top: 0px !important; padding-top: 40px !important; background: transparent !important; }
.bgNone .bgInstitutionnel .titre { color: #FFF !important; }
body.pageSAS .item-grid .itemGridMenu#itemGridMenu2 .subtitle,
body.pageSAS .item-grid .itemGridMenu#itemGridMenu3 .subtitle,
body.pageSAS .item-grid .itemGridMenu#itemGridMenu4 .subtitle,
body.pageSAS .item-grid .itemGridMenu#itemGridMenu5 .subtitle {
    display: inherit;
    font-size: 0.7em !important;
}
html body#expoTemporaire #wrapper .item-grid.BlocRessourcesSdL a.ressource .texte {
	color: #000 !important;
    font-size: 1em !important;
    line-height: 1em !important;
    letter-spacing: 0.2px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 5px;
}
html body.pageSAS#expoTemporaire #wrapper #main .item-grid.bgInstitutionnel .titre { color: #FFF !important; }

/* COL-POS1 -- CONTENU */
html body#expoTemporaire.rootlevel2 #wrapper .BlocContenuSdL.colpos-1>a .label,
html body#expoTemporaire.rootlevel2 #wrapper .BlocContenuSdL.colpos-1>a .titre, 
html body#expoTemporaire.rootlevel2 #wrapper .BlocContenuSdL.colpos-1>a .sousTitre, 
html body#expoTemporaire.rootlevel2 #wrapper .BlocContenuSdL.colpos-1>a .date,
html body#expoTemporaire.rootlevel2 #wrapper .BlocContenuSdL.colpos-1>a .texte {
	white-space: initial !important;
	/*padding    : 0 !important;*/
	margin     : 0 !important;
}
html body#expoTemporaire #wrapper #main .BlocContenuSdL.w1.h1>a.enSavoirPlus { margin-top : -10px !important; }
html body#expoTemporaire #wrapper #main .BlocContenuSdL.w1.h1>a.enSavoirPlus .label,
html body#expoTemporaire #wrapper #main .BlocContenuSdL.w1.h1>a.enSavoirPlus .titre{ margin-top : 0px !important; }
html body#expoTemporaire.rootlevel2 #wrapper .BlocContenuSdL.colpos-1.w1.h2>a .titre {
	font-family   : "A2 Regular Bold",'Lato Bold',Futura,sans-serif!important;
	font-weight   : bold!important;
	font-style    : normal!important;
	font-size     : 22px !important;
	line-height   : 22px !important;
	letter-spacing: 0.5px !important;
}
html body#expoTemporaire.rootlevel2 #wrapper .BlocContenuSdL.colpos-1.w1.h2>a .sousTitre {
	font-family   : "A2 Regular Regular",'Lato',Futura,sans-serif!important;
	font-weight   : normal!important;
	font-style    : normal!important;
	font-size     : 15px !important;
	line-height   : 25px !important;
	letter-spacing: 0.75px !important;
	text-transform: initial !important;
}
html body#expoTemporaire #wrapper #main article .item-grid.w1.hauto .icono { width: 230px; height: 100px !important; }

/* ACHETEZ BILLET */
html body#expoTemporaire #wrapper article .achetezBillet { font-size : 20px !important; font-size : 22px !important; letter-spacing : 0.2px !important; color: #000 !important; }

/* LISTE LIENS */
#expoTemporaire .csc-uploads a, #expoTemporaire #wrapper article .item-grid ul>li.listLink { background: url(../images/ui/+_8px_6.png) left center no-repeat !important; }
#expoTemporaire #wrapper article .item-grid ul>li.listLink a { border-bottom: 1px solid #2878c8 !important; }
#wrapper article .item-grid ul>li.listLink em a { font-family:"A2 Regular Bold Italic", 'Lato Bold Italic', Futura, sans-serif !important; font-weight: bold !important; font-style: italic !important; }

/* MENU */


/* ASIDE */
html body#expoTemporaire #wrapper #main .item-grid.shortcut .item-grid { margin-bottom: 0px !important; }
html body.mobile #wrapper #main aside .titre, html body.tablette #wrapper #main aside .titre { font-size: 1.2em; }

/* FOOTER */
footer { clear:both !important; }

/* RESPONSIVE */
html body.mobile #wrapper #main h1, html body.tablette #wrapper #main h1 { font-size : 3.8em !important; }
html body.mobile header ul#listeSite li, html body.tablette header ul#listeSite li { border-color : transparent; }

html body.pageSAS .item-grid.w2.h1>a #itemGridMenu1, html body.pageSAS.prochainement .item-grid.w1.h1>a #itemGridMenu2 { padding-top: 157px !important; }
/*html body.pageSAS .item-grid.w1.h1>a #itemGridMenu2 { padding-top: 132px !important; line-height: 1.2em !important; }*/

/**********************
    MEDIA QUERIES
**********************/
@media screen and (max-width: 767px) {
	body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/bkg_degrade.png') left top repeat-x; }
	/*html[lang="en-EN"] body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/moyen-age/_site__web/bkg_degrade.png') left top repeat-x; }*/
    html body.pageSAS .item-grid.w2.h1, html body.pageSAS .item-grid.w1.h1, html body.pageSAS .item-grid.w2.h1 a.layout0, html body.pageSAS .item-grid.w1.h1 a.layout0, html body.pageSAS .item-grid.w2.h1 a .itemGridMenu, html body.pageSAS .item-grid.w1.h1 a .itemGridMenu { min-height: 150px !important; }
    html body#expoTemporaire #wrapper aside .item-grid.BlocContenuSdL.hauto { min-height: 230px !important; }
    html body .item-grid.w1.h1>a.accessibilite { background: transparent; }
    html body#expoTemporaire #wrapper #main .BlocContenuSdL.w1.h1>a.enSavoirPlus { padding-top : 10px !important; }
    html body.pageSAS .item-grid.w1.h1>a #itemGridMenu6 { background-image: url('../images/bouton-en-savoir-plus-blanc.gif') !important; background-repeat: no-repeat !important; }
    html body.mobile #wrapper #main h1, html body.tablette #wrapper #main h1 { font-size: 3em !important; }
    html body#expoTemporaire.pageSAS #wrapper #main h1 strong.secondLine { width: 100% !important; font-size: 28px !important; }
    html body#expoTemporaire #wrapper #main h1 strong.thirdLine { line-height: 1.5em !important; }
    html body#expoTemporaire.rootlevel2 #wrapper #main h1 strong.thirdLine { line-height: 1.5em !important; margin-top: 15px !important; }
}
@media screen and (max-width: 479px) {
	html body.mobile #wrapper #main h1, html body.tablette #wrapper #main h1 { font-size: 2.2em !important; }
	html body#expoTemporaire.pageSAS #wrapper #main h1 strong.secondLine { line-height: 35px !important; }
	html body#expoTemporaire.pageSAS #wrapper #main h1 strong.thirdLine { margin-top: 5px !important; }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/Fond_Viral-768p.jpg') top center no-repeat; width: 768px !important; margin: auto !important; }
    html body#expoTemporaire.pageSAS aside .item-grid { float:left !important; margin-right: 20px !important; }
    html body#expoTemporaire.pageSAS #wrapper #main aside { margin-top: 0px !important; }
    html body#expoTemporaire.pageSAS #wrapper #main article .item-grid.w4.blocTitre { width: 100% !important; }
    html body#expoTemporaire #wrapper #main h1 strong.secondLine { width: 100% !important; font-size: 35px !important; }
    html body#expoTemporaire.rootlevel2 #wrapper h1 { font-size: 3.2em !important; }
    html body#expoTemporaire.rootlevel2 #wrapper #main h1 strong.thirdLine { line-height: 1.5em !important; margin-top: 15px !important; }
	.pageSAS h1 .retourLigneTitre { display: block; }
}
@media screen and (min-width: 1024px) and (max-width: 1129px) {
	body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/Fond_Viral-1024p.jpg') top center no-repeat; }
	html body#expoTemporaire.pageSAS #wrapper #main aside { margin-top: 613px !important; }
	html body#expoTemporaire #wrapper h1 { font-size : 75px !important; }
	.pageSAS h1 .retourLigneTitre { display: block; }
}
@media screen and (min-width: 1130px) and (max-width: 1329px) {
	body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/Fond_Viral-1130p.jpg') top center no-repeat; }
	html body#expoTemporaire.pageSAS #wrapper #main aside { margin-top: 600px !important; }
}
@media screen and (min-width: 1330px) and (max-width: 1599px) {
	body.pageSAS #wrapper { background: #FFF url('../../fichiersContribs/au-programme/expos-temporaires/VIRAL/_site__web/Fond_Viral-1330p.jpg') top center no-repeat; }
}
@media screen and (min-width: 1600px) {
}
@media screen and (min-width: 768px) and (max-width: 1129px) {
	html body.pageSAS .item-grid.w2.h1>a #itemGridMenu1 { padding-top: 132px !important; }	
	html body.pageSAS .item-grid.w1.h1>a #itemGridMenu2, html body.pageSAS .item-grid.w1.h1>a #itemGridMenu3, html body.pageSAS .item-grid.w1.h1>a #itemGridMenu4 { line-height: 1.5em !important; font-size: 1.275em; }
	html body.pageSAS .item-grid.w1.h1>a #itemGridMenu4 { font-size: 1.22em !important; }
}

/* [G]06/11/2015 : Ajout du format Citation */
blockquote {
    background: #e8e8e8;
    border-left: 10px solid rgba(40, 120, 200,1);
    margin: 0 0 20px 0 !important;
    padding: 20px 20px 5px 20px;
    quotes: "\201C""\201D""\2018""\2019";
    font-family: "A2 Regular Italic",'Lato Italic',Futura,sans-serif !important;
    font-weight: normal !important;
    font-style: italic !important;
}
blockquote:before {
    color: rgba(40, 120, 200,0.8);
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote:after {
    color: rgba(40, 120, 200,0.8);
    content: close-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-left: 0.15em;
    vertical-align: -0.6em;
}
blockquote p {
    display: inline;
    padding : 0;
    margin : 0;
    font-family: "A2 Regular Italic",'Lato Italic',Futura,sans-serif !important;
    font-weight: normal !important;
    font-style: italic !important;
}

.sourcequote {
    font-family: "A2 Regular Medium",'Lato',Futura,sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    margin-top : -15px !important;
}

@media screen and (min-width:1330px){
	iframe ul.ul_enligne.big_top {
		margin-right:40px;
	}
	iframe .fa-twitter-square{
		margin-right:40px;
	}
}


/* FIX JMP */