@font-face {
    font-family: 'CabinBoldItalic';
    src: url('cabin-bolditalic-webfont.eot');
    src: url('cabin-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('cabin-bolditalic-webfont.woff') format('woff'),
         url('cabin-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
	background-color: #660002;
	font-family: CabinBoldItalic;
	color: #000000;
}

a {
	border-width: 0px;
	border: none;
	color: #ff6600;
	}
	
	
@media all and (max-width: 2000px) {
#Centrage {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
	}	
#Fond {
	width: 100%;
	height: 100%;
	top: 0px;
	position: absolute;
	background-color: #660002;
	background-repeat: no-repeat;
	}
img{
	max-width:100%;
	height:auto;
}
.Chaumiere {
	position: absolute;
	top: 10%;
	left: 40%;
	height: 70%;
	width: 50%;

	overflow: hidden;
	z-index: 5;
	background-color: #00CCFF;
	border: 10px solid #0033ff;
	margin: 0px;
	padding: 2%;
	background-position: right bottom;
	font-size: 1.3em;
	color: #0033FF;
	}
.Chaumiere a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #0033ff;
	}
	
.Contact {
	position: absolute;
	left: 40%;
	height: 40%;
	width: 30%;
	top: 10%;
	overflow: hidden;
	z-index: 5;
	background-color: #00CCFF;
	border: 10px solid #0033ff;
	margin: 0px;
	padding: 10%;
	background-position: right bottom;
	font-size: 1.3em;
	color: #0033FF;
	}	
.Contact a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #0033ff;
	}	
	
.Entreprise {
	position: absolute;	
	height: 75%;
	width: 30%;
	top: 25%;
	//overflow: hidden;
	z-index: 5;
	left: 5%;
	border: 0px none #0033ff;
	margin: 0px;
	font-size: 1.5em;
	color: #FFFFFF;
	font-weight: normal;
	text-align: justify;
	}	
	
#menu {
	position: absolute;
	padding: 1%;
	height: 20%;
	width: 20%;
	top: 0;
	left: 0;
	background-color: #FF6600;
}

#menu a { 
	display:block; text-decoration:none; 
	white-space: nowrap; 
}


#logo {
	padding: 1%;
	width: 20%;
	height: auto%;
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 8;
}


#PageActuelle {
	position: absolute;
	padding: 1%;
	height: 1%;
	width: 25%;
	top: 3%;
	left: 28%;
	font-size: 36px;
	color: #FF4600;
	z-index: 6;
	font-weight: bold;
}



.Pied {
	margin-right:5%;
	margin-bottom:1%;
	text-align: right;
	position: absolute;
	bottom: 0px;
	height: auto;
	display: block;
	right: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
		}
	
.Pied a {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
	}
#Zorro {
	height: 5304px;
	width: 0px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 1000px;
	}

}


@media all and (max-width: 1600px) {
	
	
.Entreprise {
	font-size:1.2em;
	}	
}

@media all and (max-width: 1100px) {
.Entreprise {
	font-size:1.1em;
	}	
}

@media all and (max-width: 980px) {
.Chaumiere {
	position: absolute;
	top: 20%;
	left: 40%;
	width: 50%;
	height: auto;

	overflow: hidden;
	z-index: 5;
	background-color: #00CCFF;
	border: 10px solid #0033ff;
	margin: 0px;
	padding: 2%;
	background-position: right bottom;
	font-size: 16px;
	color: #0033FF;
	}
.Chaumiere a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #0033ff;
	}	
.Pied {
	margin-right:15%;
	margin-bottom:15%;
	position: absolute;
	bottom: 0px;
	height: auto;
	display: block;
	right: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bolder;
		}
}


@media all and (max-width: 780px) {
#menu {
	position:absolute;
	padding: 1%;
	width:100%;
	background-color: #FF6600;
}

#menu a { 
	display:block; text-decoration:none; 
	white-space: nowrap; 
}	
	
.Chaumiere {
	
	top: 30%;
	position:relative;
	left:0;
	width: 80%;
	height:auto;
	overflow: hidden;
	z-index: 5;
	background-color: #00CCFF;
	border: 10px solid #0033ff;
	margin: 0px;
	background-position: right bottom;
	font-size: 16px;
	color: #0033FF;
	}
.Chaumiere a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #0033ff;
	}

.Entreprise {
	left:0;
	width: 80%;
	height:auto;
	position:relative;
	//overflow: hidden;
	z-index: 5;
	border: 0px none #0033ff;
	margin-top: 20%;
	font-size: 1em;
	color: #FFFFFF;
	text-align: justify;
	}	

.Contact {
		position:relative;
	
	overflow: hidden;
	z-index: 5;
	background-color: #00CCFF;
	border: 10px solid #0033ff;
	margin: 0px;
	padding: 10%;
	background-position: right bottom;
	font-size: 16px;
	color: #0033FF;
	}	
.Contact a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #0033ff;
}

#logo {
	visibility:hidden;
}


#PageActuelle {
	margin-top:60%;
	padding: 1%;
	font-size: 36px;
	color: #FF4600;
	z-index: 6;
	font-weight: bold;
	visibility:hidden;
}


.Pied {
	position:absolute;
	margin:0;
	padding:0;
	bottom: 0px;
	font-size: 0.9em;
	color: #FFFFFF;
	font-weight: bolder;
	visibility:hidden;
		}
	
.Pied a {
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: underline;
	visibility:hidden;
	}	
}