/* * * * * * * * * * * * GENERAL * * * * * * * * * * * */

html,
ul {
	margin-top: 0 !important;
	padding: 0;
}
body {
  margin: 0;
  padding: 0;
  background: url('images/patterns/linedpaper/linedpaper.gif') 0 0 #cb2027;}
}
svg {
	max-height;: 50px;
}

#page {
	width: 100%;
}
.edit-link {
	position: absolute;
	display: block;
	text-align: center;
	background: rgba(255,255,255,0.85);
	margin: 0 auto;
	border-top: 1px dotted rgba(0,0,0,0.15);
	box-shadow: 0 -6px 24px rgba(0,0,0,0.12);
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	text-decoration: none;
	transition: .4s;
}
.edit-link a {
	font-family: helvetica, sans-serif;
	color: #666;
	line-height: 50px;
	font-weight:900;
	font-size: 1.25em;
	text-decoration: none;
	transition: .4s;
}
.edit-link a span {
	font-size: 1.5em;
	position: absolute;
	margin: 8px -36px;
}
.edit-link:hover {
	background: #cb2027;
	cursor: pointer;
	transition: .2s;
}
.edit-link:hover a {
	color: #FFF;
	transition: .2s;
}

.background-article {
	display: inline-block;
  	width: 50%;
  	height: 100%;
  	background: no-repeat center bottom;
/* other relevant css */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#copyright {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 30px;
	line-height: 0;
}
#copyright p {
	font-family: 'Lato', sans-serif;
	text-align: center;
	color: white;
	font-size: 0.85em;
}

/* * * * * * * * * * * * ACCUEIL * * * * * * * * * * * */

#accueil .background-article { float: right; position: relative;}
#accueil .article-content { float: left; background: url('images/patterns/linedpaper/linedpaper.gif') 0 0;}
#accueil .article-content-info { margin: 30px; border: 1px solid pink; height: calc(100% - 60px);}

	#accueil header { 
		margin: 10px auto;
		background: rgba(0,0,0,0.15);
		width: 360px;
		border-radius: 5px;
		font-family: 'Lato', sans-serif;  
		font-weight: 400; 
		font-size: 0.85em; 
		color: #FFF; 
		text-align: center;
	}
	#accueil .entry-content {
		position: absolute;
		top: 45%;
		transform: translateY(-50%);
		width: calc(100% - 60px);
	}
	.social-content { bottom: 30px; position: absolute; width: calc(100% - 60px);}
	.follow { margin: 0 0 5px; display: inline-block; font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 1em; line-height: 1.25em; color: #555;}
	.social-links a { text-decoration: none !important; margin-bottom: 10px; display: inline-block;}
	.fb_iframe_widget_fluid { margin-right: 30px; display: inline-block;}
	.social-links a.tripadvisor { margin-left: 20px;}
	.social-links .tripadvisor-note { height: 15px; width: auto; margin: 0 0 12px 5px;}

	/* WIDGET TRIPADVISOR */
	div#CDSRATINGWIDGET30.cdsROW.white.border.wide, .cdsROW.wide { width: auto !important;}
	.cdsROW { background: none !important;}
	.cdsROW.border { border: none !important;}
	.cdsROW.wide .logo { width: auto !important;}

	.social-links svg { width: auto; height: 30px; transition: .2s;}
	.social-links svg:hover .facebook-svg, header .social-links svg:hover .tripadvisor-svg { fill: #cb2027; transition: .2s;}

	article { text-align: center;}
	.logo { margin: 15px auto; width: 300px;}
	.entry-content p { margin: 30px auto 15px; width: 90%; font-family: 'Conformity', 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 1.5em; line-height: 1.5em; color: #555; }

	.menu { width: 100%; padding: 0; background: transparent; display: inline;}
	.menu ul { display: inline-block; margin: 0; padding: 0; width: 100%;}
	.menu ul li { background-size: auto 60px; display: inline-block; width: 25%; padding: 0; float: left; list-style: none; transition: linear 0.05s;}
	.menu ul .menu-item-773 { background-size: auto 70px;}
	#menu-item-834 { display: none;}
	.menu ul li a { margin: 6px; padding: 90px 0 0; display: block; height: 30px; font-family: 'Lato', sans-serif;  font-weight: 700; font-size: 0.85em; line-height: 1.15em; text-transform: uppercase; text-decoration: none; color: #cb2027;}
	.menu ul li:hover { transform: scale(1.1); transition: linear 0.05s;}
	.menu ul li a:hover { color: #222;}
	/* .header-main-btn { position: absolute; width: 100%; background: #FFF; left: 0;} */
	.menu-item-774 { background: url('images/cartable.svg') center 15px no-repeat;}
	.menu-item-773 { background: url('images/trotinette.svg') center 10px no-repeat;}
	.menu-item-775 { background: url('images/ardoise.svg') center 20px no-repeat;}
	.menu-item-776 { background: url('images/auberge.svg') top center  no-repeat; background-size: auto 100px !important;}
	.menu-item-777 { background: url('images/globe.svg') center 15px no-repeat;}

	.top-menu {
		width: 85%;
		padding: 0 0 0 15%;
		position: fixed;
		top: 0;
		left: 0;
		background: url("images/auberge_ecole_logotype_blanc.svg") 60px center no-repeat rgba(0,0,0,0.88);
		z-index: 999;
	}
    .top-menu ul li {
    	background: none;
    	width: auto;
    	padding: 0 15px;
    	float: none;
    }
    .top-menu ul li:hover {
    	transform: scale(1);
    }
    .top-menu ul li a {
    	margin: 0;
    	padding: 0 6px;
    	height: 45px;
    	font-size: 1em;
    	line-height: 45px;
    	color: #FFF;
    	border: 3px solid transparent;
    	transition: .2s;
    }
    .top-menu ul li a.nav-active { border-bottom: 3px solid #cb2027;}
    .top-menu ul li a:hover { color: #cb2027; background: rgba(255,255,255,1); transition: .2s;}
    .top-menu #menu-item-834 { display: inline-block;}

	.header-main-btn a { margin: 0; padding: 0; width: 50%; height: 90px; display: inline-block; font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 1.75em; line-height: 70px; text-align: center; text-decoration: none; color: #FFF; transition: .3s;}
	.btn-book-table { background: #F13030; cursor: pointer;} 
	.btn-note { background: #F45B69;} 
	.header-main-btn a:hover { background: #333; box-shadow: inset 0 0 12px #000; transition: .2s;}
	.header-etiquette { font-family: 'Lato', sans-serif;  font-weight: 400; font-style: italic; font-size: 0.75em; color: #cb2027; text-decoration: none;}
	.header-etiquette:hover img { transform: rotate(3deg); transition: .2s;}
	.header-etiquette img { width: 250px; margin: -33px auto 0; display: block; transition: .3s;}

.guides-note { margin: 0 calc(50% - 180px); padding:30px 0 0; width: 380px; float: left;}

.gm-widget-inner123 { margin-right: 15px !important; float: left !important; border: 0 !important; opacity: 0.85 !important; transition: .4s;}
.guides-note a:hover, .gm-widget-inner123:hover, .guide-michelin:hover { opacity: 1 !important; cursor: pointer !important;
	-webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15) !important;
	-moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15) !important;
	transition: .2s;}

.guides-note a  { 
	opacity:0.85;
	margin: 0;
	padding: 10px;
	position: relative;
	display: block; 
	float: left;
	width: 120px; 
	height: 100px; 
	border-radius: 15px;
	overflow: hidden;
	box-sizing: border-box;
	text-decoration: none;
	transition: .4s;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.tourisme { background-color: #FFF;}
.tourisme img { height: 70px; width: auto; margin: 5px 15px; display: inline-block; text-align: center;}

.tourisme,
.guide-michelin,
.gaultmillau { margin-right: 10px !important;}	

.guides-note .gaultmillau { background: url('https://www.lecoledebouchala.com/wp-content/themes/FoundationPress-master/design/images/gault_millau_2024.svg') center no-repeat #f8ed7c; background-size: 100% auto; }
.guides-note .gaultmillau:hover { opacity: 1;}

.guides-note .tripadvisor { background: url('https://www.lecoledebouchala.com/wp-content/themes/FoundationPress-master/design/images/tripadvisor_2022.svg') center no-repeat #34e0a1; background-size: 100% auto;}
.guides-note .tripadvisor:hover { opacity: 1;}


.guide-michelin img { height: 40px; width: auto; float: left; margin-right: 15px;}
.guide-michelin img, .gaultmillau img { margin-left: 10px;}
.gaultmillau img, .tripadvisor img { height: 42px; width: auto; float: left; margin-right: 10px;}

/* .guides-note .tripadvisor { background: #00AF87; border: 1px solid #00AF87;} 
.guides-note .tripadvisor:hover { background: #00AF87 !important;}
.guides-note .tripadvisor span { color: #000A12;}
.guides-note .tripadvisor span span { color: #FFF;} */

.guides-note a span { 
	top: 5px;
	font: 13px Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #555555;
	text-align: left;
	display: inline;
	font-weight: bold;
}
.guides-note a span span { 
	position: relative;
	font-size: 13px;
	line-height: 8px;
	color: #887360;
	font-weight: normal;
}

.info-pratique { 
	background: rgba(255,255,255,0.85);
	position: relative;
	margin: 0 calc(50% - 180px);
	padding: 10px;
	top: 10px;
	float: left;
	width: 380px;
	height: 85px;
	border-radius: 15px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.info-pratique a { width: 32.5%; font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 1em; line-height: 0.9em; text-align: center; display: inline-table;}
.info-pratique img { height: 30px !important; display: inline; margin-bottom: 5px;}


.large-screen { display: inline-block;}
.small-screen { display: none;}



/* * * * * * * * * * * * SUR NOTRE ARDOISE * * * * * * * * * * * */

#sur-notre-ardoise { background: url('images/patterns/purty_wood/purty_wood.gif') 0 0; padding: 15px 0; float: left;}
#sur-notre-ardoise .background-article { width: 25%; height: auto;}
#sur-notre-ardoise .entry-title { color: #FFF;}
#sur-notre-ardoise .menu-content { background: url('images/patterns/asfalt/asfalt.png') 0 0;
margin: 60px; border-radius: 45px; position: relative;}
#sur-notre-ardoise .menu-content .edit-link { border-radius: 0 0 45px 45px;}
#sur-notre-ardoise h2 { font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 1.5em; color: #cb2027;}
#sur-notre-ardoise .entry-content { margin: 0 auto; width: auto; text-align:  left;}
.entry-content table { margin: 0; display: inline; }
#sur-notre-ardoise .entete-carte p, .entry-content td { font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 1.25em; color: #FFF; margin-right: 60px;}
#sur-notre-ardoise .entete-carte p { margin: 0 30% 50px; width: 40%; font-size: 1.5em !important;}
.entry-content .nom-menu { width: 400px;}
.entry-content .prix-menu { color: #777; width: 60px;}

#sur-notre-ardoise .formule-jeudi-content { width: 80%; margin: 0 10% 10px; padding-bottom: 7%; text-align: center; background: url('images/trait.svg') center bottom no-repeat; background-size: 50%;}

#sur-notre-ardoise .formule-jeudi-content tr,
#sur-notre-ardoise .pot-vin-content tr { float: left;}
#sur-notre-ardoise .formule-jeudi-content tr td { font-size: 2em; padding: 0 0 0 15px; line-height: 60px; color: #777;}
#sur-notre-ardoise .formule-jeudi-content .symbole { font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 3em; color: #555;}
#sur-notre-ardoise .formule-jeudi-content .ou { color: #cb2027; font-size: 2em;}
#sur-notre-ardoise .prix-formule-jeudi { color: #FFF !important;}

#sur-notre-ardoise .a-la-carte { -webkit-padding-start: 0 !important;}
#sur-notre-ardoise .a-la-carte li { width: 30%; margin: 0 auto; padding: 0; display: inline-block; float: left;}
#sur-notre-ardoise .a-la-carte li:first-child { margin-left: 5%;}
#sur-notre-ardoise .a-la-carte li:nth-child(3n+0) { margin-right: 5%;}
#sur-notre-ardoise .a-la-carte li:nth-child(4n+0) { margin: 30px 0; padding: 60px 0 90px 65%; width: 35%; background: url('images/fromages-secs.png') -300px center no-repeat; background-size: 85% auto;}
.featured-image-caption {
	position: absolute;
	bottom: 18px;
	background: rgba(0, 0, 0, 0.3);
	height: 30px;
	line-height: 30px;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 0.851em;
	color: white;
	text-align: center;
}

#sur-notre-ardoise ul .formule-jeudi-content { width: 220px; margin: 60px 60px 0; padding: 0; display: block;}
#sur-notre-ardoise .entry-content .bottom-ardoise {display: inline-block; width: 50%; padding: 60px 0 120px 50%;}
#sur-notre-ardoise .entry-content .bottom-ardoise h2 { }
#sur-notre-ardoise .entry-content .bottom-ardoise li { margin: 0; padding: 0; width: 100%; float: left;}
#sur-notre-ardoise .bx-wrapper { display: inline-block;}
#sur-notre-ardoise .souvenir-content .prix-souvenir { color: #555;}

#sur-notre-ardoise ul { background: url('images/le-pot.png') no-repeat; background-size: 30% auto; background-size: 14% auto; background-position: 25% center;}
#sur-notre-ardoise .pot-vin-content tr td { padding: 0 5px 0 0; line-height: 60px;}
#sur-notre-ardoise .bons-cadeaux-content img { width: 360px; margin: 15px 0;}
#sur-notre-ardoise .bons-cadeaux-content  span { font-family: 'Annie Use Your Telescope', cursive; font-weight: 400; font-size: 1.25em; color: #FFF;}
#sur-notre-ardoise .formule-jeudi-content h3 { width: 100%; text-align: center; }
td.prix-formule-jeudi { color: #777 !important; font-size: 1.55em; border: 1px solid #CCC;}



/* * * * * * * * * * * * LES MIDIS À L’ÉCOLE * * * * * * * * * * * */

#les-midis-a-lecole .background-article {  background: no-repeat left bottom; background-size: cover; float: left; position: relative;}
#les-midis-a-lecole .entry-content {  width: calc(100% - 120px); position: absolute; margin-top: 60px; top: 50%; transform: translateY(-50%);}
#les-midis-a-lecole .entry-content ul li { display: inline-block; list-style: none; margin: 0;}
#les-midis-a-lecole .entry-content .first-line { padding-left: 15px;}
#les-midis-a-lecole .entry-content td { color: #000; font-size: 1.5em;}
#les-midis-a-lecole .entry-content .prix-menu-speciale { font-size: 2em !important; color: #cb2027; border-top: 1px dotted #000; margin-top: 15px; text-align: center;}
#les-midis-a-lecole .entry-content img { width: 120px; height: auto; margin-right: 20px; opacity: 0.8;}



/* * * * * * * * * * * * AU JOUR LE JOUR * * * * * * * * * * * */

#au-jour-le-jour .background-article { display: none;}
#au-jour-le-jour .article-content { width: 100%; height: auto; background: url('images/patterns/double_lined/double_lined.gif') 0 0;}
#au-jour-le-jour .3d-visite { margin-bottom: 15px !important;}
#au-jour-le-jour #player, #au-jour-le-jour video { margin-bottom: 15px; border-radius: 5px; width: 800px; height: 450px;}
#appView .socialFeed .powrMark{ display: none !important; opacity: 0 !important; width: 0 !important; height: 0 !important; visibility: hidden !important;}



/* * * * * * * * * * * * DE L’ÉCOLE À L’AUBERGE * * * * * * * * * * * */

@keyframes fade-background {
    0% { background-image: url('../../../uploads/2017/03/MG_8030.jpg');}
    25% { background-image: url('images/ecole1910.gif');}
    50% { background-image: url('images/ecole1910.gif');}
    75% { background-image: url('../../../uploads/2017/03/MG_8030.jpg');}
    100% { background-image: url('../../../uploads/2017/03/MG_8030.jpg');}
}
#de-lecole-a-lauberge {
	background-size: cover;
	position: relative;
	float: left;
	height: 100%;
    animation-name: fade-background;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}

@keyframes fade-h {
    0% { color: #FFF;}
    25% { color: #000;}
    50% {color: #000;}
    75% { color: #FFF;}
    100% { color: #FFF;}
}
#de-lecole-a-lauberge h1.entry-title {
	animation-name: fade-h;
    animation-duration: 16s;
    animation-iteration-count: infinite;
}

#de-lecole-a-lauberge .article-content { margin: 0; width: 100%; height: 100%; float: left; position: absolute; top:0; left:0; color: #FFF;}
#de-lecole-a-lauberge .entry-content { background: rgba(0,0,0,0.6); width: 40%; margin: 0 auto; padding-bottom: 5px; border-radius: 5px; box-shadow: 0 3px 24px rgba(0, 0, 0, 0.3);}
#de-lecole-a-lauberge .entry-content p { margin: 10px 0; width: 90%; padding: 0 5%;}
#de-lecole-a-lauberge .ecole-fade { margin: 0; width: 100%; height: 100%; float: left; position: absolute; top:0; left:0;
	background: url('images/ecole1910.gif') no-repeat;
	background-size: cover;
	background-position: 100%;
	}



/* * * * * * * * * * * * ON EST LÀ * * * * * * * * * * * */

#on-est-la { background-color:#000 !important; position: relative; float: left;}
#on-est-la .background-article,
#de-lecole-a-lauberge .background-article { width: 100%; position: relative; opacity: 0.75;}
#on-est-la .article-content { width: 100%; float: left; position: absolute; top:0;}

section.page { width: 100%; position: relative;}
.article-content { height: 100%; width: 50%; float: right; position: relative;}
.article-content-info { margin: 0 60px;}
article h1 {
	font-family: 'Annie Use Your Telescope', cursive;
	font-weight: 400;
	font-size: 3.6em;
	color: black;
	text-decoration: none;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 30px 0;
}
 button,
 a.btn-book {
  border: 3px solid #FFF;
  padding: 0.6em 1.2em;
  background: rgba(0,0,0,0.3);
  color: #FFF;
  font-family: 'Lato', Calibri, Arial, sans-serif;
  font-weight: 900;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  display: block;
  margin: 15px auto 0;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
button:hover {
  background: #FFF;
  color: #cb2027;
}
a.btn-book {
	display: inline-block;
	padding: 0.6em 1.2em;
	border: 3px solid #589442;
	background: #589442;
	text-decoration: none;
}
a.btn-book:hover {
	border: 3px solid #cb2027;
	background: #cb2027;
	color: white;
}
 .panneau_title { background: #FFF; border-radius: 12px; margin: 10px  auto; padding: 2px; width: 130px; height: 36px;
  	box-shadow: 0 3px 12px rgba(0,0,0,0.3);
}
header .logo { margin: 0 auto 15px; }
#on-est-la header,
#de-lecole-a-lauberge .article-content-info {  
	position: absolute;
  	margin: 0;
	width: 100%;
	left: 0;
  	top: 50%; /* poussé de la moitié de hauteur du référent */
  	transform: translateY(-50%);
}
#sur-nos-ardoises .menu-content h1,
#on-est-la .article-content-info h1,
#de-lecole-a-lauberge h1,
#de-lecole-a-lauberge p,
#on-est-la .article-content-info a { color: #FFF; text-shadow: 0 1px 0 rgba(0,0,0,0.15);}
#on-est-la .article-content a { font-family: 'Lato', sans-serif; font-weight: 700; line-height: 1.5em; text-transform: uppercase; text-decoration: none; transition: .4s;}
#on-est-la .article-content a span { color: white; font-size: 0.75em; font-weight: 100; line-height:2.5em; border: 1px solid rgba(0,0,0,0.6); padding: 3px 6px; background: rgba(0,0,0,0.6); border-radius: 2px; transition: .4s;}
#on-est-la .article-content a:hover { color: #4285F4; transition: .2s;}
#on-est-la .article-content a:hover span { border: 1px solid #4285F4; background: #4285F4; text-shadow: none; transition: .2s;}
#on-est-la h1 { margin:0; padding: 0;}
#on-est-la h2 { 
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #000;
	margin: 0;
	padding: 5px;
	border-radius: 9px;
	border: 5px solid #cb2027;
	height: 16px; 
	line-height: 16px;
}
.bouchala-map {
 	margin: 30px 15% 0;
 	border-radius: 10px;
 	box-shadow: 0 6px 24px rgba(0,0,0,0.6);
 	width: 70%;
 	height: 360px;
} 



/* * * * * * * * * * * * TITLES H2/H3 * * * * * * * * * * * */

#les-midis-a-lecole h3 { margin: 30px 0 !important; text-align: center !important; }
#les-midis-a-lecole h3,
#sur-notre-ardoise h3,
#sur-notre-ardoise .pot-vin-content h2 {
	font-family: 'Annie Use Your Telescope', cursive;
	font-weight: 400;
	font-size: 1.75em;
	color: #cb2027;
	text-decoration: none;
	text-align: left;
	width: 100%;
	margin: 30px 0 0 0;
	display: inline-block;
}
#sur-notre-ardoise .pot-vin-content h2 {
	margin: 0;
	font-size: 1.5em;
	color: #777;
}


/* * * * * * * * * * * * FOOTER LINKS * * * * * * * * * * * */

.footer-links {
	display: inline-block;
	text-align: center;
	background: #111;
	font-family: 'Lato', sans-serif;
	color: #FFF;
	width: 100%;
	height: 45px;
	line-height: 45px;
}
.footer-links a:hover { 
	color: #cb2027;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

/* * * * * * * * * * * * MENTIONS LÉGALES MODAL * * * * * * * * * * * */

.md-modal {
	position: fixed;
	top: 40%;
	left: 50%;
	width: 50%;
	height: 50%;
	max-width: 630px;
	min-width: 320px;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.6);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #111;
	background: url('images/patterns/linedpaper/linedpaper.gif');
	position: relative;
	border-radius: 0 0 5px 5px;
	margin: 0 auto;
	padding-top: 30px;
	height: 100%;
	overflow: scroll;
}

.md-head {
	position: relative;
	margin: 0;
	padding: 10px 0;
	height: 70px;
	background: #cb2027;
	border-radius: 5px 5px 0 0;
}
.md-head a {
	position: absolute;
	background: url('images/close.png') center no-repeat;
	background-size: cover;
	top: 28px;
	right: 25px;
	width: 30px;
	height: 30px;
	opacity: .85;
	border-radius: 15px;
	cursor: pointer;
}
.md-head a:hover {
	opacity: 1
}
.md-modal h3 {
	margin: 0 auto;
	font-family: 'Annie Use Your Telescope', cursive;
	font-weight: 400;
	text-align: center;
	font-size: 3em;
	color: #FFF;
}
.md-modal h4 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	background: #111;
	padding: 3px 10px;
	font-size: 0.85em;
	color: #FFF;
	text-transform: uppercase;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 15px;
}
#modal-2 h4 {
	margin-bottom: 30px;
}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: 'Lato', sans-serif;
}
.md-content > div .ecole {
	background: url('images/auberge_ecole_logotype.svg') no-repeat center left;
	background-size: 120px auto;
	padding-left: 150px;
}
.md-content > div .ovh {
	background: url('images/ovh_logo.png') no-repeat center left;
	background-size: auto 30px;
	padding-left: 150px;
}
.md-content > div .sg {
	background: url('images/SG_logo.png') no-repeat left center;
	background-size: auto 60px;
	padding-left: 70px;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */

/* Effect 1: Fade in and scale up */
.md-effect-1 h3,
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show.md-effect-1 h3,
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}



}