@charset "utf-8";
body {
	background: #000;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: normal;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
a {
	text-decoration: none;
}
a:hover, a:active, a:focus { /* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */
	text-decoration: none;
}

/* ~~ ce conteneur à largeur fixe entoure tous les autres éléments ~~ */
#container {
  position:relative;
	width: 960px;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}
#flash{
	width:960px;
	height:150px;
}
#Appareil{
	margin-left:80px;
}
#bandeau{
  width:950px;
  height:191px;
  background:url(../images/entete.jpg);
}
h1{
  line-height:40px;
  color:#fc0;
}
#menu{
  margin:0 auto;
}
#erreur {
	position:relative;
	width:600px;
	height:600px;
	margin: 0 auto;
	background: url(../images/Menu.png) center no-repeat;
}
#menuerreur{
	position:absolute;
	top:310px;
	left:150px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	list-style-type:none;	
}
#menuerreur a {
	color:#FFF;
}
#menuerreur a:hover{
	color:#FC0;
}
#remy{
	float:left;
	width:300px;
	height:400px;
	margin-right:10px;
	background:#CC3;
}
.droite {
	float:right;
}
.gauche {
	float:left;
}
#contact{
	width:900px;
	margin:50px;
	border:1px solid gray;
}
#contact p{
  text-align:left;
  margin:5px;
}
#contact label{
  float:left;
  text-align:right;
  width:200px;
  margin-right:10px;
  color:#ffffff;
  font-weight:bold;
  font-style:italic;
}
input[type=submit] {
  background:#ddd;
  cursor:pointer;
  margin-left:210px;
}
input[type=submit]:hover {
  background:#fff;
}
textarea{
  width:600px;
  height:150px;
}
.error-message{
  color:#ff0000;
}
#procede_photo {
	margin: 20px 0 0 180px;
	height: 400px;
	width: 600px;
}
.right{
  float:right;
  margin-right:50px;
}
.footer{
	clear:both;
	text-align:center;
	color:#999;
	font-size:11px;
	margin-top:40px;
	margin-bottom:30px;
}
#digital_painting_mer{
	clear:both;
	margin: 50px auto;
}
#digital {
	width:640px;
	margin-left:160px;
}
#laetitia {
	width:640px;
	margin-left:160px;
}
#givre {
	width:640px;
	margin-left:160px;
}
#solitude {
	width:640px;
	margin-left:160px;
}
#ami{
	width: 95%;
	margin:0 auto;
}
#ami td{
	border:none;
	vertical-align:middle;
}
#ami a {
	font-size:12px;
	color:#FFF;
}
#ami a:hover {
	color:#FC0;
}
a.plan {
	line-height:30px;
	color:#000;
	background-color:#FFF
}
a:hover.plan {
	background-color:#FC0;
}
#expo{
  width:500px;
  margin:30px auto;
}
#expo h2{
  text-align:center;
  margin-bottom:20px;
}
#expo h4{
  color:#F00;
  margin-bottom:15px;
}
#expo p{
  margin-left:20px;
  line-height:30px;
}
.text_haut{
  vertical-align:top;
  font-style:italic;
  padding:10px;
}
.prix{
  vertical-align:top;
  font-style:italic;
  padding:5px;
  width:100px;
}
.photos{
  text-align:center;
  padding:15px;
}
.clear{
	clear:both;
}