html {height:100%;}
body {height:100%;}


#cadre {
	margin-left: 8%;
	margin-right: 8%;

	

}

header {
	height: 50%;

}

/*body {font-family:"times new roman", times, serif;size: 20px;}*/

#travaux {
	font-size: 20px; color: red;

}

#prov {
	font-size: 20px; color: red;
	float: left;
}

#efface {
	font-size: 16px; color: transparent;
}

.entetes {
	font: serif;font-size: 100%;
	color: #44ccf2;
}

#section1 {
	/*font: sans-serif;color: #44ccf2;*/
    float: left;
    width: 33%;
}

#section2 {
	/*font: sans-serif;color: #44ccf2;*/
	text-align: center;
    float: left;
    width: 33%;
}



#section3 {
	text-align: right;
	/*font: sans-serif;color: #44ccf2;*/
    float: right;
    width: 33%;
}

#section33 {
	float: right;
		width: 22%;
}

#section11 {
	float: left;
	width: 33%;

}


#section22 {
	float: left;
	width: 66%;
	margin-left: 38%;
	margin-top: 2%;

}

#section111 {
float: left;
width: 33%;
height: 240px;
}

#section222 {
float: left;
width: 66%;
}

#section333 {
	position: absolute;
	right: 10%;
	top: 24%;
	height: 60%;
	width: 19%;
	text-align: center;color: #47f3c4;
	}

#jne {
		font: sans-serif;color: green;
		float: left;
		margin-top: 40px;
		width: 100%;
	}
	#jne1 {
		font: sans-serif;color: white;
		float: left;
		width: 33%;
	}

footer {

}

#section1111 {
float: left;
width: 5%;
margin-top: 7%;
}

#section2222 {
	float: left;
width: 10%;
text-align: left;
margin-top: 7%;
}

#section3333 {
	float: right;
	margin-top: 7%;
	font-family: sans-serif;color: white;
}

#nom {
	margin-left: 40%;
	float: left;
	font-style: italic;color: #44cc11;
}

#intro {
	font: serif;color: #47f3c4;
	font-size: 16px;}



#album {
	font: serif;color: #47f3c4;

}

a:link {color: #ffffff;}
/*a:visited {color: #ff5600;}*/
a:hover {color: red;}
/*a:active {color: #ff5600;}*/