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

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

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

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

@font-face {
font-family: 'LatoBoldItalic';
src: url('/RessourcesCentrales/fonts/Lato/BoldItalic/lato-bolditalic-webfont.eot');
src: url('/RessourcesCentrales/fonts/Lato/BoldItalic/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Lato/BoldItalic/lato-bolditalic-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Lato/BoldItalic/lato-bolditalic-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Lato/BoldItalic/lato-bolditalic-webfont.svg#LatoBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'LatoLightItalic';
src: url('/RessourcesCentrales/fonts/Lato/LightItalic/lato-lightitalic-webfont.eot');
src: url('/RessourcesCentrales/fonts/Lato/LightItalic/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Lato/LightItalic/lato-lightitalic-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Lato/LightItalic/lato-lightitalic-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Lato/LightItalic/lato-lightitalic-webfont.svg#LatoLightItalic') format('svg');
font-weight: normal;
font-style: normal;
}


html{
font-size:16px;
}

body {
margin:0;
padding:0;
background-color:#FFFFFF;
font-family:Arial, LatoRegular, Verdana, Geneva, sans-serif;
color:#303030;
}

h1, h2, h3, h4, h5, h6 {
font-family:Arial, LatoBold, Verdana, Geneva, sans-serif;
font-weight:bold;
}

h1 {
font-size:2.625rem;
}

h2 {
font-size:1.875rem;
}

h3 {
font-size:1.5rem;
margin-bottom:1rem;
}

h4 {
font-size:1.25rem;
margin-bottom:1rem;
}

h5 {
font-size:1.125rem;
}

h6 {
font-size:1rem;
}

a, a:link, a:visited, a:focus, a:hover, a:active {
color:#F8B133;
text-decoration:none;
-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:hover, a:focus, a:active {
color:#B08200;
}

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;
}

a:hover img {
opacity:0.9;
-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 {
line-height:1.4;
}

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

.auto {
max-width:1920px;
margin:auto;
}

.gauche {
text-align:left !important;
}

.droite {
text-align:right;
}

.centrer {
text-align:center;
}

label {
font-weight:bold;	
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float:left;
}

input[type="text"], select, textarea {
border:1px solid #303030;
}

input::placeholder, textarea::placeholder {
color:#acacac;
}

select {
margin:0;
}

.relative {
position:relative;
}

.backCouleur {
background-color:#f8b133;
}

.espacementTop {
margin-top:2rem !important;
}

.espacementBottom {
margin-bottom:2rem !important;
}

iframe {
max-width:100%;
}

.reseauxSociaux {
margin:0.5rem 0 1.5rem 0;
}

.strong {
font-family:Arial, LatoBold, Verdana, Geneva, sans-serif;
font-weight:bold;
}

.emphase {
font-family:Arial, LatoBoldItalic, Verdana, Geneva, sans-serif;
font-style:italic;
}

div.emphase img {
width:35px;
margin:0 0.25rem 0 0;
}

.discret {
font-family:Arial, LatoLightItalic, Verdana, Geneva, sans-serif;
font-style:italic;
font-size:0.75rem;
}

/***********************************************************/
/*******************     header       **********************/
/***********************************************************/
div#header {
padding:0;
margin:auto;
color:#FFFFFF;
background-color:#34495e;
}

div#header div.row {
max-width:85rem;
position: relative;
}

div#header div.row:first-child {
padding:2rem 0 1.625rem 0;
border-bottom:1px solid #677786;
}

div#header a {
color:#F8B133;
}

div#header a:hover,
div#header a:focus,
div#header a:active {
color:#FCC566;
}

div#header div.gauche a {
font-size:2rem;
padding:0 1rem 0 0;
}

div#header div.centrer img {
width:60%;
}

div.btnReservation {
position: absolute;
top:45%;
right:0;
}

/*------------     header-menu    ------------*/
/*--------------------------------------------*/
div#main-menu {
text-align:center;
}

div#main-menu ul {
margin:0;
padding:0;
list-style:none;
display:inline-block;
}

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

div#main-menu ul li a {
font-size:1rem;
color:#FFFFFF;
padding:22px 21px 5px 21px;
text-align:center;
border-top:4px solid #34495e;			
}

div#main-menu ul li a:hover, div#main-menu ul li a:focus, duv#main-menu ul li a:active {
color:#FFFFFF;
border-top:4px solid #f8b133;
}

body.body-accueil div#main-menu ul li.mnuAccueil a, 
body.body-expositions div#main-menu ul li.mnuExpositions a, 
body.body-musee-mine div#main-menu ul li.mnuMuseeMine a, 
body.body-ecoles div#main-menu ul li.mnuEcoles a, 
body.body-boutique div#main-menu ul li.mnuBoutique a, 
body.body-medias div#main-menu ul li.mnuMedias a, 
body.body-tarification div#main-menu ul li.mnuTarification a, 
body.body-nous-joindre div#main-menu ul li.mnuNousJoindre a {
border-top:4px solid #f8b133;
}

div#main-menu ul li ul {
background-color:#303030;
min-width:15.625rem;
}

div#main-menu ul li {
display:block;
}

div#main-menu ul li ul li a {
border-top:none !important;
font-size:1rem;
text-align:left;
padding:0.75rem 0.5rem;
}

div#main-menu ul li ul li a:hover, div#main-menu ul li ul li a:focus, div#main-menu ul li ul li a:active {
background-color:#49B9B5;
}


/* Menu mobile */ 
div#header .row.mobile-menu {
padding:0;
margin-top:20px;
}

div#header .row.mobile-menu .column {
padding:0;
}

div#mobile-menu {
text-align:left;
}
#mobile-menu .slicknav_menu {
background-color:#303030;
}

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

.slicknav_menu .slicknav_menutxt, .slicknav_menu .slicknav_icon-bar {
color:#49B9B5;
}

div#mobile-menu .slicknav_menu .slicknav_menutxt {
text-shadow:none;
}

div#mobile-menu .slicknav_nav ul {
margin-left:0px;
}

div#mobile-menu .slicknav_nav ul li {
width:100%;
padding:0 4px;
}

div#mobile-menu .slicknav_nav a {
color:#FFFFFF;
margin-left:0;
font-size:1rem;
}

div#mobile-menu .slicknav_nav a:hover {
color:#303030;
}

div#mobile-menu .slicknav_nav a:focus, div#mobile-menu .slicknav_nav a:active {
color:#FFFFFF;
}


/*------------     bandeau    ------------*/
/*----------------------------------------*/
div#bandeau {
margin-bottom:2.5rem;
}


/***********************************************************/
/*******************     main-content     ******************/
/***********************************************************/
div#main-content {
color:#303030;
min-height:200px;
margin-bottom:2rem;
}

body.body-nous-joindre div#main-content, body.body-medias div#main-content, body.body-page-17 div#main-content {
margin-bottom:0;
}

div#main-content div.backTitre {
background-color:#49B9B5;
margin-bottom:2.5rem;
}

div#main-content div.backTitre h1 {
color:#FFFFFF;
font-size:3.75rem;
padding:1rem 0;
margin-bottom:0;
border-bottom:none;
}

body.body-accueil div#main-content div.backTitre {
background:inherit;
}

body.body-accueil div#main-content div.backTitre h1 {
color:#303030;
font-size:2.625rem;
margin-bottom:0.5rem;
}

div#main-content h1, div#main-content h2 {
border-bottom:1px solid #cbcbcb;
padding-bottom:0.5rem;
margin:0 0 1rem 0;
}

div#main-content a {
font-weight:bold;
}

a.bouton, input.bouton, button.bouton {
background-color:#f8b133;
color:#303030;
border:none;
padding:0.75rem 1.75rem;
font-family:Arial, LatoRegular, Verdana, Geneva, sans-serif;
cursor:pointer;
display:inline-block;
-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:hover, input.bouton:hover, button.bouton:hover {
background-color:#FCC566;
color:#49B9B5;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}


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

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:#49B9B5;
padding-top:100px;	
}

div#main-content h2.titreEnfant {
font-size:1.375rem;
text-align:center;
max-width:80%;
margin:auto;
border:1px solid #FFFFFF;
overflow:hidden;
padding:4px 10px 8px 10px;
line-height:2.4;
display:block;
}

h2.titreEnfant:after {
display:none;
}

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

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

div.row.blocEnfants {
text-align:center;
}

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


/*------------------ Formulaire de contact --------*/
/*-------------------------------------------------*/

/* Erreurs de saisie */
.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%;
}

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

/*---- confirmation ----*/
.confirmation {
font-family:Arial, LatoRegular, Verdana, Geneva, sans-serif;
margin-left:16px;	
}
.confirmation h1 {
color:#5A6652;
font-size:1.5rem;
}
.confirmation p {
color:#63747C;
font-size:0.875rem;
}
.confirmation a.ok {
padding:10px 20px;
color:#FFF;
background-color:#49B9B5;
float:right;	
}



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

/* Pages */
div.contenuPage {
padding:0;	
}

.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;
}

table {
border:none;
background:none;
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
line-height:1;
}

table thead, table th {
color:#303030 !important;
background-color:#f8b133;
vertical-align:top;
}

table tr:nth-of-type(even) {
background-color:#f1f1f1;
border:none;
margin:0;
padding:0;
}

table tr:nth-of-type(odd) {
background-color:#FFFFFF;
border:none;
margin:0;
padding:0;
}

table.tableau-invisible, table.tableau-invisible tbody, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background: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.75rem;
}

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

/* documents */
ul.liste-documents {
list-style-type:none;	
margin-bottom:40px;	
}

li.document {	
margin-bottom:2px;
margin-top:0px;
}

ul.liste-documents li.description {	
color:#414E56;
line-height:1.25rem;
font-family:Arial, LatoLight, Verdana, Geneva, sans-serif;
font-weight:300;
margin-bottom:16px;
}


/*----------------------- Page 404 --------------------*/
/*-----------------------------------------------------*/
.body-404 {
background-color:#F1F0F8;
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:#687B80;
}




/***********************************************************/
/*********************     Blogues     *********************/
/***********************************************************/
.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 {
opacity:1;
}

div.articles a:hover , div.articles a:focus {
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:#3E464F;
text-align:left;
}

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


/*détails article*/
div#main-content h1.titreDetailArticle {
font-size:2.5rem !important;
}

.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;	
}

a.bouton-liste {
padding:1.25rem 2.5rem;
margin-bottom:1rem;
font-size:1.25rem;
font-weight:bold;
color:#FFFFFF;
display:inline-block;
background-color:#49B9B5;
-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 {
background-color:#4a6075;
-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;
}


/***********************************************************/
/********************     Nouvelles     ********************/
/***********************************************************/
div#nouvelles {
position:relative;
}

div#nouvelles h3 {
margin:0.5rem 0 0.375rem 0;
}

div#nouvelles p {
line-height:1.2;
margin:0.5rem 0;
}

div#nouvelles div.date {
display:table;
background-color:#49B9B5;
color:#FFFFFF;
padding:0.375rem 0.5rem;
font-size:0.875rem;
}

div#nouvelles a.backCouleur {
display:block;
max-width:600px;
}

body.body-accueil div#main-content div#nouvelles a.bouton {
background-color:transparent;
color:#F8B133;
padding:0;
margin-bottom:1rem;
}

body.body-accueil div#main-content div#nouvelles a.bouton:hover {
color:#B08200;
}

.ra-pagination ul {
list-style-type:none;
margin:0.75rem 0;
padding:0;
}

.ra-pagination ul li {
position:relative;
float:left;
padding:0 0.25rem;
}


/***********************************************************/
/*********************     Équipe     **********************/
/***********************************************************/
div.equipe h3 {
margin-top:1rem;
margin-bottom:0;
line-height:1;
}

div.equipe h4 {
margin-bottom:0;
}

div.equipe h5 {
margin-bottom:1.5rem;
}

div.equipe h6 {
min-height:45px;
}

div.equipe img {
margin-bottom:0.5rem;
}

div.equipe ul {
list-style-type:none;
margin:0;
padding:0;
line-height:1.3;
}


/***********************************************************/
/******************     Infolettre       *******************/
/***********************************************************/
div#infolettre {
background:url(../images/design/pattern-jaune2.jpg) repeat top center;
text-align:center;
padding:2.25rem 0;
}

div#infolettre h1 {
margin:0 0 1rem 0;
border-bottom:none;
}

div#infolettre input[type="text"] {
position:relative;
float:left;
width:70%;
margin-bottom:0.5rem;
height:3rem;
border:none;
}

div#infolettre input[type="submit"] {
position:relative;
float:left;
width:30%;
height:48px;
padding:0;
font-family:Arial, LatoBold, Verdana, Geneva, sans-serif;
font-weight:bold;
}

div#infolettre input.bouton {
background-color:#303030;
color:#f8b133;
}

div#infolettre input.bouton:hover {
color:#FFFFFF;
}


/***********************************************************/
/******************     Expositions       ******************/
/***********************************************************/
div#expositions {
max-width:1920px;
margin:auto;
}

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

div#expositions div.row div.small-12 {
text-align:center;
padding:2.625rem 2.625rem 2.5rem 2.625rem;
}

div#expositions div.row div.small-12:first-child {
background:url(../images/design/back-permanente.jpg) no-repeat top center;
}

div#expositions div.row div.small-12:nth-child(2) {
background:url(../images/design/back-visite.jpg) no-repeat top center;
border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
}

div#expositions div.row div.small-12:last-child {
background:url(../images/design/back-temporaire.jpg) no-repeat top center;
}

div#expositions img {
margin-bottom:2.5rem;
}

div#expositions h2 {
margin:auto;
line-height:1;
min-height:3.75rem;
}

div#expositions p {
margin:2.5rem auto 2.75rem auto;
max-width:80%;
min-height:7rem;
}

div#expositions p img {
margin-bottom:0;
} 

div#expositions a:hover,
div#expositions a:focus,
div#expositions a:active {
color:#4a4a4a;
}


/***********************************************************/
/*********************     Promo       *********************/
/***********************************************************/
div#promo {
background-color:#49B9B5;
color:#FFFFFF;
padding:3rem 0;
}

div#promo img {
margin-top:0.5rem;
}


/***********************************************************/
/******************     Partenaires       ******************/
/***********************************************************/
div#partenaires {
text-align:center;
}

div#partenaires div.row {
border-bottom:1px solid #646464;
}

div#partenaires a {
opacity:1;
}

div#partenaires a:hover, div#partenaires a:focus, div#partenaires a:active {
opacity:0.8;
}

div#partenaires img {
max-width:180px;
}


/***********************************************************/
/*******************     Footer       **********************/
/***********************************************************/
div#footer {
background-color:#1d1d1b;
color:#FFFFFF;
}

div#footer h2 {
color:#F8B133;
text-align:center;
padding-top:2.5rem;
margin-bottom:1rem;
}

div#footer form#FormInfolettre input[type=text] {
position:relative;
float:left;
width:70%;
margin-bottom:0.5rem;
height:3rem;
border:none;
}

div#footer form#FormInfolettre input[type=submit] {
position:relative;
float:left;
width:30%;
height:48px;
padding:0;
font-family:Arial, LatoBold, Verdana, Geneva, sans-serif;
font-weight:bold;
}

div#footer label {
color:#FFFFFF;
font-weight:inherit;
}

div.googleMap {
padding:1rem 0;
background-color:#1d1d1b;
}


/* Footer Bas */
div#footerBas {
background:url(../images/design/pattern-footer.jpg) repeat top center;
}

div#footerBas p {
font-size:0.875rem;
padding:1.5rem 0;
margin-bottom:0;
text-align:center;
color:#FFFFFF;
}


/* Page site temporaire */
body#pageTemp {
background:url(../images/design/back-site-expo.jpg) repeat top center;
text-align:center;
color:#FFFFFF;
}

body#pageTemp h1 {
padding-top:3rem;
font-size:5rem;
}

div#footerExpo {
margin-top:3rem;
padding:2rem 0;
background-color:#029745;
}