*{
	padding:0px;
	margin:0px;
}
body{
	background-color:#fff;
}


.separateur
{
	padding-top:20px !important;
}

td{
	border-top: none !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

h1{
	font-size: 30px;
}

#photo
{
	position:absolute;
	top:50px;
	right:30px;
}

#header{
		position:fixed;
		top:0px;
		left:0px;
		z-index:100;
		width:100%;
		background-color:#a7c5d0;
		padding:25px 0px;
	}

@media only screen and (min-width: 600px){
	#conteneur {
		width:585px;
		margin:150px auto 100px auto;
		background-color:#FFF;
		padding:20px;
		box-shadow: 1px 1px 12px #555;
		z-index:99;
		position: relative;
	}
	
	.table{
	width:500px;
	margin:50px 0px 10px  0px;
}

	.gauche
	{
		text-align:right;
		font-weight:bold;
		padding-right: 15px !important;
		width: 150px;
	}

	.droite
	{
		text-align:left;
		padding-left: 15px !important;
		width: 250px;

}
}

@media only screen and (max-width: 599px){
	#conteneur {
		width:100%;
		background-color:#FFF;
		z-index:99;
		margin-top:95px;
		position: relative;
	}

	#logo{
		width:300px;
		margin:0px auto;
	}

	#photo{
		display:none;
	}
	
	.table{
		width:100%;
		margin:25px 0px 10px  0px;
	}
	
	.gauche
	{
		text-align:right;
		font-weight:bold;
		padding-right: 10px !important;
		width: 30%;
	}

	.droite
	{
		text-align:left;
		padding-left: 10px !important;
		width: 70%;

	}
	
	h1{
		padding:15px;
	}
}