@font-face{
	font-family: BenthamRegular;
	src: url(../font/Bentham-Regular.ttf);
}

@font-face{
	font-family: CardoRegular;
	src: url(../font/Cardo99s.ttf);
}

body { font-family: Bentham, BenthamRegular, serif; background: url(../images/curie_chargement.png) no-repeat center center}
p { clear: both; text-align: justify; margin: 30px 40px; font-size: 20px; line-height: 1em;}
img { display: none; margin: 0; padding: 0; }

.verticalStyle, .horizontalStyle { background-color: white;}

.illustation { -webkit-background-size: auto 100%; -o-background-size: auto 100%; -moz-background-size: auto 100%; color: white; }

.text h1{ float:right; padding: 6px 20px; font-size: 42px; letter-spacing:-2px; width: 120%; text-align: left; margin-bottom: 25px; margin-top: 15px; color: white; }

.x-scroller, .x-html{margin:0; padding:0;}/*lightbox*/

.illustation span{ position: absolute; font-family: Cardo, CardoRegular, serif; font-size: 32px; letter-spacing:-1px; top: 15px; padding: 16px 12px 12px 12px;}		

.overlayText h1 { text-align: center; padding: 20px; padding-bottom: 0;}
.overlayText p { margin: 25px; }

.menu .droits-femmes, .droits-femmes h1, .droits-femmes span { background-color: #99CC00; }
.menu .femmes-sciences, .femmes-sciences h1, .femmes-sciences span { background-color: #CC3333; }
.menu .vie-privee, .vie-privee h1, .vie-privee span { background-color: #FF9933; }
.menu .decouvertes-scientifiques, .decouvertes-scientifiques h1, .decouvertes-scientifiques span { background-color: #669999; }
.menu .contexte-historique, .contexte-historique h1, .contexte-historique span { background-color: #999999; }

/**********************************************MENU***********************************************/
.menu .droits-femmes, .menu .femmes-sciences, .menu .vie-privee, .menu .decouvertes-scientifiques, .menu .contexte-historique { opacity: 0.8; }

.menu .droits-femmes-miniature { background: #99CC00 url(../images/menu/droits-femmes.jpg) no-repeat; }
.menu .femmes-sciences-miniature { background: #CC3333 url(../images/menu/femmes-sciences.jpg) no-repeat; }
.menu .vie-privee-miniature { background: #FF9933 url(../images/menu/vie-privee.jpg) no-repeat; }
.menu .decouvertes-scientifiques-miniature { background: #669999 url(../images/menu/decouvertes-scientifiques.jpg) no-repeat; }
.menu .contexte-historique-miniature { background: #999999 url(../images/menu/contexte-historique.jpg) no-repeat; }

.menu { background-color: white; }
.menu h1 { font-size: Bentham, BenthamRegular, serif; font-size: 22px; color: white; height: 100%; width: 230px; padding: 10px; overflow: hidden;}

.menu_miniPeriod, .menu_periods {overflow: hidden; }

.menu_miniPeriod .dateMenu {font-family: Cardo, CardoRegular, serif; font-size: 27px; color: #a8a8a8; text-align: center;}
.menu_periods .dateMenu {font-family: Cardo, CardoRegular, serif; font-size: 46px; color: black;}

.menu .menu_miniPeriod1 .periodImg {background: white url('../images/menu/mini_period1.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod2 .periodImg {background: white url('../images/menu/mini_period2.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod3 .periodImg {background: white url('../images/menu/mini_period3.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod4 .periodImg {background: white url('../images/menu/mini_period4.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod5 .periodImg {background: white url('../images/menu/mini_period5.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod6 .periodImg {background: white url('../images/menu/mini_period6.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod7 .periodImg {background: white url('../images/menu/mini_period7.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod8 .periodImg {background: white url('../images/menu/mini_period8.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod9 .periodImg {background: white url('../images/menu/mini_period9.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod10 .periodImg {background: white url('../images/menu/mini_period10.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod11 .periodImg {background: white url('../images/menu/mini_period11.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod12 .periodImg {background: white url('../images/menu/mini_period12.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod13 .periodImg {background: white url('../images/menu/mini_period13.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod14 .periodImg {background: white url('../images/menu/mini_period14.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod15 .periodImg {background: white url('../images/menu/mini_period15.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod16 .periodImg {background: white url('../images/menu/mini_period16.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod17 .periodImg {background: white url('../images/menu/mini_period17.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_miniPeriod18 .periodImg {background: white url('../images/menu/mini_period18.jpg') no-repeat; -webkit-background-size: 100% 100%;}

.menu .menu_period1 .periodImg {background: white url('../images/menu/period1.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period2 .periodImg {background: white url('../images/menu/period2.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period3 .periodImg {background: white url('../images/menu/period3.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period4 .periodImg {background: white url('../images/menu/period4.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period5 .periodImg {background: white url('../images/menu/period5.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period6 .periodImg {background: white url('../images/menu/period6.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period7 .periodImg {background: white url('../images/menu/period7.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period8 .periodImg {background: white url('../images/menu/period8.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period9 .periodImg {background: white url('../images/menu/period9.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period10 .periodImg {background: white url('../images/menu/period10.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period11 .periodImg {background: white url('../images/menu/period11.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period12 .periodImg {background: white url('../images/menu/period12.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period13 .periodImg {background: white url('../images/menu/period13.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period14 .periodImg {background: white url('../images/menu/period14.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period15 .periodImg {background: white url('../images/menu/period15.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period16 .periodImg {background: white url('../images/menu/period16.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period17 .periodImg {background: white url('../images/menu/period17.jpg') no-repeat; -webkit-background-size: 100% 100%;}
.menu .menu_period18 .periodImg {background: white url('../images/menu/period18.jpg') no-repeat; -webkit-background-size: 100% 100%;}