/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

@font-face {
	font-family: "GothamRoundedBook";
	src: url('Gotham-Rounded-Book.ttf') format("truetype");
}

@font-face {
	font-family: "Sabbatical_Bold";
	src: url('Sabbatical_Bold.ttf') format('opentype');
}

@font-face {
	font-family: "GothamRoundedBold";
	src: url('GothamRoundedBold.ttf') format('opentype');
}
@font-face {
	font-family: "GothamRoundedMedium";
	src: url('GothamRoundedMedium.ttf') format('opentype');
}
html,body{
	width:100%;
	height:100%;
}
body {
	background-color: white;
	font-family: "Open Sans", sans-serif;
	margin: 0;
}


   
@media only screen and (min-width: 1024px) {

img {
	width: 100%;
} 

a {
	text-decoration:none;
}

div.page {
	display: flex;
	overflow: hidden;
	height:100%;
}

div.texte {
	text-align:center;
	margin: auto;
}
div.photo {
	max-width:50%;
	float:left;
	padding: 0;
}

.site-titre {

	font-family: Sabbatical_Bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    color: #2d2d2d;
    line-height: 150%;

}

.site-description1 {
    font-size: 30px;
	font-family: 'GothamRoundedMedium';
	letter-spacing: 10px;
    color: #f1af8f;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}
.site-description2 {
    font-size: 18px;
	font-family: 'GothamRoundedBold';
	letter-spacing: 16px;
    color:  #2d2d2d;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}
img.logo {
	width:100px;
}
img.tiret {
	width:50px;
}
img.entrer {
	width:100px;
}

}

@media only screen and (min-width: 830px) and (max-width: 1024px) {

img {
	width: 100%;
} 

a {
	text-decoration:none;
}

div.page {
	display: flex;
	overflow: hidden;
	max-height: 100%;
}

div.texte {
	text-align:center;
	margin: auto;
}
div.photo {
	max-width:50%;
	float:left;
	padding: 0;
}

.site-titre {

	font-family: Sabbatical_Bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    color: #2d2d2d;
    line-height: 150%;

}

.site-description1 {
    font-size: 20px;
	font-family: 'GothamRoundedMedium';
	letter-spacing: 10px;
    color: #f1af8f;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}
.site-description2 {
    font-size: 16px;
	font-family: 'GothamRoundedBold';
	letter-spacing: 12px;
    color:  #2d2d2d;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}


img.logo {
	width:100px;
}
img.tiret {
	width:50px;
}
img.entrer {
	width:100px;
}
}

@media only screen and (min-width: 560px) and (max-width: 830px) {

img {
	width: 100%;
} 

a {
	text-decoration:none;
}

div.page {
	display: flex;
	overflow: hidden;
	max-height: 100%;
}

div.texte {
	text-align:center;
	margin: auto;
}
div.photo {
	max-width:50%;
	float:left;
	padding: 0;
}

.site-titre {

	font-family: Sabbatical_Bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    color: #2d2d2d;
    line-height: 150%;

}

.site-description1 {
    font-size: 16px;
	font-family: 'GothamRoundedMedium';
	letter-spacing: 5px;
    color: #f1af8f;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}
.site-description2 {
    font-size: 12px;
	font-family: 'GothamRoundedBold';
	letter-spacing: 5px;
    color:  #2d2d2d;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}


img.logo {
	width:100px;
}
img.tiret {
	width:50px;
}
img.entrer {
	width:80px;
}
}

@media screen  and (min-width: 340px)  and (max-width: 560px) {

img.photo_oriane {
	width: 100%;
	border-top-width: -180px;
	margin-top: -180px;
} 

a {
	text-decoration:none;
}

div.page {
	height:100%;
	width:100%;
	overflow: hidden;
}

div.photo {

	width:100%;
	height:50%;
	padding: 0;
	overflow: hidden;
}

div.texte {
	padding-top:5px;
	text-align:center;
	margin:auto;
}


.site-titre {
	font-family: Sabbatical_Bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    color: #2d2d2d;
    line-height: 150%;
}

.site-description1 {
    font-size: 12px;
	font-family: 'GothamRoundedMedium';
	letter-spacing: 10px;
    color: #2d2d2d;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}
.site-description2 {
    font-size: 12px;
	font-family: 'GothamRoundedBold';
	letter-spacing: 10px;
    color: #f1af8f;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}

img.logo {
	width:70px;
}
img.tiret {
	width:50px;
}
img.entrer {
	width:80px;
}

}
@media screen and (min-width: 290px) and (max-width: 340px) {

img.photo_oriane {
	width: 100%;
	border-top-width: -150px;
	margin-top: -150px;
} 

a {
	text-decoration:none;
}

div.page {

	height:100%;
	width:100%;
	overflow: hidden;
}



div.photo {

	width:100%;
	height:40%;

	padding: 0;
	overflow: hidden;
}

div.texte {
	padding-top:5px;
	text-align:center;
	margin:auto;
}


.site-titre {
	font-family: Sabbatical_Bold;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    color: #2d2d2d;
    line-height: 150%;
}

.site-description1 {
    font-size: 12px;
	font-family: 'GothamRoundedMedium';
	letter-spacing: 10px;
    color: #2d2d2d;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}
.site-description2 {
    font-size: 12px;
	font-family: 'GothamRoundedBold';
	letter-spacing: 6px;
    color: #f1af8f;
    font-weight: 300;
    line-height: 150%;
    padding: 0;
    margin: 0;

}

img.logo {
	width:70px;
}
img.tiret {
	width:50px;
}
img.entrer {
	width:80px;
}

}
@media screen and (max-width: 290px) {

	img.photo_oriane {
		width: 100%;
		border-top-width: -5px;
		margin-top: -50px;
	} 
	
	a {
		text-decoration:none;
	}
	
	div.page {
	
		height:100%;
		width:100%;
		overflow: hidden;
	}
	
	
	
	div.photo {
	
		width:100%;
		height:40%;
	
		padding: 0;
		overflow: hidden;
	}
	
	div.texte {
		padding-top:5px;
		text-align:center;
		margin:auto;
	}
	
	
	.site-titre {
		font-family: Sabbatical_Bold;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 30px;
		color: #2d2d2d;
		line-height: 150%;
	}
	
	.site-description1 {
		font-size: 12px;
		font-family: 'GothamRoundedMedium';
		letter-spacing: 10px;
		color: #2d2d2d;
		font-weight: 300;
		line-height: 150%;
		padding: 0;
		margin: 0;
	
	}
	.site-description2 {
		font-size: 12px;
		font-family: 'GothamRoundedBold';
		letter-spacing: 6px;
		color: #f1af8f;
		font-weight: 300;
		line-height: 150%;
		padding: 0;
		margin: 0;
	
	}
	
	img.logo {
		width:70px;
	}
	img.tiret {
		width:50px;
	}
	img.entrer {
		width:80px;
	}
	
	}