@charset "utf-8";
/* CSS Document */

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	width:900px;
	height:600px;
	position:relative;	
}

body{
color:#FFF;
background:#a8b7e2;
background:url(../bg.jpg);
}

#content{
width:800px;
height:600px;
background:#117947;
}
#signature {
padding: .2em; 
color: #FFFFFF; 
}

#header{
width:800px;
height:50px;
text-align:center;
background-color:#0e5d37;
font-size: 36px;
padding:10px 0px;
}

#subHeader{
width:800px;
height:100px;
margin:0em;
background:#c2ecc3;
}

#subHeader img{
border:none;
padding:1em;
margin:0em;

}

#subHeader #artVisuels img{
padding:0;
margin:0;
}

.imageHeader{
height:70px;
width:50px;


}

#menu{
width:800px;
height:54px;
background:#0e5d37;
margin:0em;
}

#menu li{
list-style-type:none;
display:inline;
padding:1em;
margin:0em;
color:#FFFFFF;
}

#menu ul{
margin:0;
padding:1em;
}

#switch{
font-style:italic;
float:right;
margin:1em;
}

#menuList{
float:left;
}

#artVisuels{
float:left;
width:200px;
height:100px;
}

#subHeader #firstImg{
margin: 0 0 0 80px;
}

#subHeader #signature{
margin: 0 0 5px 40px;
}

#arts-visuels{
float:left;
padding:3em 0 0 1em;
margin:3em;
}

#content p{
margin:0 1em 1em 1em;
}