@font-face 
{
    font-family: "neuropolregular";
    src: url("../_fonts/neuropol-webfont.eot");
    src: url("../_fonts/neuropol-webfont.eot?#iefix") format("embedded-opentype"), url("../_fonts/neuropol-webfont.woff2") format("woff2"), url("../_fonts/neuropol-webfont.woff") format("woff"),
        url("../_fonts/neuropol-webfont.ttf") format("truetype"), url("../_fonts/neuropol-webfont.svg#neuropolregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: "open_sansregular";
    src: url("../_fonts/opensans-regular-webfont.eot");
    src: url("../_fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../_fonts/opensans-regular-webfont.woff2") format("woff2"), url("../_fonts/opensans-regular-webfont.woff") format("woff"),
        url("../_fonts/opensans-regular-webfont.ttf") format("truetype"), url("../_fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face 
{
    font-family: "open_sansregular";
    src: url("../_fonts/opensans-bold-webfont.eot");
    src: url("../_fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../_fonts/opensans-bold-webfont.woff2") format("woff2"), url("../_fonts/opensans-bold-webfont.woff") format("woff"),
        url("../_fonts/opensans-bold-webfont.ttf") format("truetype"), url("../_fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
    font-weight: 700;
    font-style: normal;
}
@font-face 
{
    font-family: "open_sansregular";
    src: url("../_fonts/opensans-extrabold-webfont.eot");
    src: url("../_fonts/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../_fonts/opensans-extrabold-webfont.woff2") format("woff2"), url("../_fonts/opensans-extrabold-webfont.woff") format("woff"),
        url("../_fonts/opensans-extrabold-webfont.ttf") format("truetype"), url("../_fonts/opensans-extrabold-webfont.svg#open_sansextrabold") format("svg");
    font-weight: 900;
    font-style: normal;
}
html
{
	font-family : Arial, Verdana, sans-serif;
	margin : 0px;
	padding : 0px;
}

body
{
	margin : 0px;
	padding : 0px;
	background-color: #e7e7e7;
	height : 100%;
}

#global
{
	background-image: url("../_img/background.jpg");
	background-repeat : no-repeat;
	background-position : center bottom;
	background-size : contain;
	background-color: #e7e7e7;
	width : 100vw;
	height : 100vh;
	border-bottom : 5px solid #204c62;
left : 5px;
}

.site-header
{
	display : block;
	width : 100%;
	height : 147px;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	padding-right : 17px;
	background-color : #FFF;
}

.site-header .logo-container 
{
    background: #204c62 no-repeat top right;
    width: 34%;
    height: 147px;
    position: absolute;
    z-index: 3;
}

.site-header .logo-container:after 
{
    content: "";
    background: url("../_img/fond-logo-gauche.png") no-repeat right top;
    background-size: contain;
    width: 260px;
    height: 147px;
    position: absolute;
    right: -147px;
}

.site-header .logo-container .main-logo 
{
    padding-left: 17px;
}

.site-header .main-title
{
	padding-right : 0px;
	padding-top : 40px;
    position: absolute;
	display : block;
	width : 100%;

	font-family: neuropolregular;
	text-align : right;
    font-size: 2rem;
    color: #204c62;
    text-transform: uppercase;
}

.site-content
{
	position : relative;
	margin-top : 20px;
	margin-left : 20px;
	background: white;
	padding: 10px;
	padding-bottom: 10px;
	padding-bottom: 20px;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.17);
	-moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.17);
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.17);
}

.site-content h1
{
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 2.6em;
	font-family: open_sansregular;
	font-weight: 700;
	padding-left: 40px;
	background: url("../_img/puce-logo-atlandes.jpg") no-repeat left center;
	color: #204c62;
	margin-top: 0px;
}

.site-content li
{
	font-size: 2.0em;
	padding : 20px;
}

@media (max-width: 640px) 
{
	* 
	{
		box-sizing: border-box;
	}
}

@media (max-device-width:768px) and (orientation: landscape) 
{
	html 
	{
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
}