/* CSS Document */

body
{
font-family: "Avant Garde", "Century Gothic", Futura, sans-serif;
margin-top:0px;
background-image:url(images/fond-cote.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#81cefa;
}

img
{
border:none;
}

h1
{
font-size:16px;
font-weight:normal;
text-decoration:underline;
color:#7a3588;
}

h2
{
font-size:13px;
font-weight:normal;
text-decoration:none;
color:#7a3588;
}

#content
{
width:900px;
height:560px;
margin:auto;
background-image:url(images/fond.jpg);
background-position:top;
background-repeat:no-repeat
}

#content-texte
{
width:900px;
height:560px;
margin:auto;
background-image:url(images/fond-agence.jpg);
background-position:bottom;
background-position:right;
background-repeat:no-repeat;
}

#content-form-contact
{
width:900px;
height:560px;
margin:auto;
background-image:url(images/fond-form-contact.jpg);
background-position:top;
background-repeat:no-repeat
}

#content-competences
{
width:900px;
height:560px;
margin:auto;
background-image:url(images/fond-competences.jpg);
background-position:top;
background-repeat:no-repeat
}

#competences-web
{
color:#FFFFFF;
margin-left:10px;
padding-top:90px;
background-color:#00FFFF;
width:190px;
height:85px;
text-align:center;
position:relative;
float:left;
}

#competences-identitevisuelle
{
color:#FFFFFF;
margin-left:22px;
padding-top:90px;
background-color:#FFFF00;
width:190px;
height:85px;
text-align:center;
position:relative;
float:left;
}

#texte-contact
{
width:520px;
height:340px;
padding-top:40px;
padding-left:150px;
padding-right:50px;
text-align:justify;
font-size:12px;
/*line-height:13px;*/
font-family:Arial, Helvetica, sans-serif;
padding-bottom:15px;
}

#texte-cadre
{
width:520px;
height:340px;
padding-top:40px;
padding-left:50px;
padding-right:50px;
text-align:justify;
font-size:12px;
/*line-height:13px;*/
font-family:Arial, Helvetica, sans-serif;
padding-bottom:15px;
}

#texte-cadre li
{
list-style-type:none;
}

#texte-cadre a
{
text-decoration:underline;
color:#444444;
}

#haut
{
height:450px;
}

	#menu
	{
	color:#000000;
	width:899px;
	text-align:right;
	font-size:14px;
	padding-top:20px;
	position:relative;
	float:left;
	}
	
	#menu a
	{
	color:#000000;
	text-decoration:none;
	}
	
	#menu a:hover
	{
	/*color:#7A3589;*/
	color:#ffffff;
	}

#bas
{
height:100px;
}

	#logo
	{
	margin-top:20px;
	position:relative;
	float:left;
	}
	
	#reseaux-sociaux
	{
	width:110px;
	height:32px;
	position:relative;
	float:right;
	margin-top:50px;
	}
	
	#facebook
	{
	background-image:url(images/logo-facebook-nb.png);
	width:30px;
	height:30px;
	margin-top:5px;
	margin-left:2px;
	position:relative;
	float:left;
	}

	#facebook:hover
	{
	background-image:url(images/logo-facebook.png);
	}

	#twitter
	{
	background-image:url(images/logo-twitter-nb.png);
	width:30px;
	height:30px;
	margin-top:5px;
	margin-left:2px;
	position:relative;
	float:left;
	}

	#twitter:hover
	{
	background-image:url(images/logo-twitter.png);
	}
	
	#rss
	{
	background-image:url(images/logo-rss-nb.png);
	width:30px;
	height:30px;
	margin-top:5px;
	margin-left:2px;
	position:relative;
	float:left;
	}

	#rss:hover
	{
	background-image:url(images/logo-rss.png);
	}

	#liens-footer
	{
	height:10px;
	color:#FFFFFF;
	font-size:11px;
	margin-top:-8px;
	}
	
	#liens-footer a
	{
	color:#FFFFFF;
	text-decoration:none;
	}
	
		#contact-liens-footer
		{
		width:399px;
		position:relative;
		float:left;
		}
		
		#autres-liens-footer
		{
		width:499px;
		position:relative;
		float:right;
		text-align:right;
		}
		
#footer
{
width:900px;
color:#FFFFFF;
margin:auto;
font-size:10px;
text-align:center;
line-height:12px;
padding-top:5px;
}

/*#formcontact input
{
border-color:#7a3588;
border-style:solid;
margin-left:15px;
}*/

#border-champs
{
border-color:#7a3588;
border-style:solid;
margin-left:15px;
}

/*#formcontact textarea
{
border-color:#7a3588;
border-style:solid;
}*/

#bouton-envoyer input
{
border:none;
padding-left:50px;
border:
}