/* --------------------------------------------------------------

   layout.css
   Disposition des blocs principaux
   cf.: http://romy.tetue.net/structure-html-de-base

-------------------------------------------------------------- */
body { text-align: center; background: #f2f2f2;  }
.page { position: relative; width: 65em; margin: 25px auto; padding: 0 ; text-align: left; -webkit-box-shadow: 0 0 20px 0 #666666; box-shadow: 0 0 20px 0 #666666; background: #fff;  }


@media screen and (max-width: 480px) {
  #slider {    display: none;  }
  .main { padding: 0 0.5em 0.5em 0.5em !important; }

.toper {display:none}
.aside {display:none}
/*.nav {display:none}*/
#slogan{display:none}
.page{margin: 0; padding: 5%;}
  body {
    font-size: 90%;
  }}



/*@media screen and (min-width: 1000px) {
  body {
    font-size: 110%;
  }
}
*/
.toper {
clear: both;
padding: 0;
height: 25px;
background-color: #e3e3e3;
text-align:center; font-size:small; text-transform:uppercase;   padding-right:1em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
.header {padding-top:10px;}
.main { padding: 0  1.5em 1.5em 3em; }
.footer { clear: both; min-height:200px; margin: 1.5em 0 0; padding-top:2em;}

.wrapper { clear: both; float: left; width: 70%; overflow: hidden;margin-bottom: 4em; }
.content { min-height: 350px;}
.aside { float: right; width: 25%; overflow: hidden; }

.precsuiv {clear: both; padding:  2em 0  ; font-size:small;  }


.prec {clear: both; float: left; padding-left:40px;width: 50%; text-align:left; height:30px;background-image:url(../../images/prec.jpg); background-repeat:no-repeat; background-position: left top; }
.suiv{float: right; text-align:right;height:30px;padding-right:40px; background-image:url(../../images/suiv.jpg); background-repeat:no-repeat; background-position: right top ;}



/* Entete et barre de navigation
------------------------------------------ */

.header { }
.header #logo { display: block; margin: 0; line-height: 1; font-weight: bold;  }
.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; color: #222; }
.header #slogan { margin: 0; color:#022866; text-align:justify; text-transform:uppercase; font-size:0.85em; }

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.nav ul li a { padding: 0.2em 1em ;  }

#formulaire_recherche { position: absolute; top: 50px; right: 50px; border: 0; }

.footer .colophon { text-align:center; min-height: 40px; width: 65em; margin: 0 auto; }
.footer .generator { float: right; } 
.footer .generator a { padding: 0; background: none; }
.footer{text-shadow: 1px 1px 1px #fff; color:#032967; background-color:#e3e3e3;border-top: 1px solid #eee;}
.footer a{text-shadow: 1px 1px 1px #fff; color:#032967;}
.footer .col {
display: inline-block;
width: 15em;
padding: 0 1em 0 3em;
vertical-align: top;
font-size: small;
line-height: 1.4em;}
.footer .pied2{
font-size:small; max-width:50%; text-align:center; margin: 0 auto;}

/* Gabarit d'impression
------------------------------------------ */
@media print {
.page,
.wrapper,
.content { width: auto; }
.nav,
.arbo,
.aside,
.footer { display: none; }
}

/* Affichage sur petits ecrans
Cf.: http://www.alsacreations.com/astuce/lire/1177
------------------------------------------ */
@media (max-width: 640px) {

/* passer tous les elements de largeur fixe en largeur automatique */
body,
.page,
.header,
.main,
.footer,
.wrapper,
.content,
.aside { width: auto !important; margin: auto !important; padding: auto !important; }

.page { margin: 0; padding: 5%; }

/* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
.content,
.aside { clear: both; float: none !important; width: auto !important; }
.nav ul li a { float: none; border: 0; }
#formulaire_recherche { display: none; position: static; text-align: center; }
.arbo { display: none; }
.footer .colophon { width: auto; float: none; }
.footer .generator { display: none; }

/* header du calendrier full-calendar */
table.fc-header td { display: block; text-align: left; }

}

.galleria-theme-classic {
    background: #fff !important; 
}

/* boutons de navigations */

.galleria-theme-classic .galleria-counter {
 	color: #000 !important; 
}

.galleria-theme-classic .galleria-image-nav-right {
	
background: url( 'http://marex-commodities.fr/IMG/png/classic-map.png') no-repeat 2px 2px !important;
background-position: -254px 46px !important;

}

.galleria-theme-classic .galleria-image-nav-left {
	
background: url( 'http://marex-commodities.fr/IMG/png/classic-map.png') no-repeat 2px 2px !important;

background-position: 0 46px !important;
}

.galleria-info-text {
		background-color: #fff !important; 
}

.galleria-theme-classic .galleria-info-link {
background: url( 'http://marex-commodities.fr/IMG/png/classic-map.png') no-repeat 2px 2px !important;

background-position: 0 753px !important;

}

/* end */