/* CSS Document */
	
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
	
#page {
	position: relative;
	margin: auto;
	width: 960px;
	border: 1px solid #d8d8d8;
	background-image: url(../images/fond-site.png);
	background-repeat: repeat-y;	
}

object,embed {
	outline : none;
}

#mark {
	background-image: url(/images/profile/fond-mark.jpg);
	background-repeat: no-repeat;
	background-position:  0 340px;
}

#francois {
	background-image: url(/images/profile/fond-francois.jpg);
	background-repeat: no-repeat;
	background-position:  0 340px;
}

#jamshed {
	background-image: url(/images/profile/fond-jamshed.jpg);
	background-repeat: no-repeat;
	background-position:  0 315px;
}

#josee {
	background-image: url(/images/profile/fond-josee.jpg);
	background-repeat: no-repeat;
	background-position:  0 430px;
}

#louis {
	background-image: url(/images/profile/fond-louis.jpg);
	background-repeat: no-repeat;
	background-position:  0 320px;
}

#richard {
	background-image: url(/images/profile/fond-richard.jpg);
	background-repeat: no-repeat;
	background-position:  0 340px;
}




/*-------------------------
/* entete
/**/

#entete {
	height: 231px;
	width: 960px;
	background-image: url(../images/fond-entete.gif);
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	top: 8px;
	left: 37px;
}

#logo img {
	border: 0;
}

#menu {
	position: absolute;
	top: 137px;
	left: 38px;
	z-index : 1;
}

#menu img {
	border: 0;
}

#menu a {
	display: inline-block;
	margin-right: 2px;
}

#lien-francais {
	position: absolute;
	top: 168px;
	left: 605px;
}

#lien-francais img {
	border: 0;
}

/*-------------------------
/* mosaique
/**/

#mosaique {
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 9px;
	padding-right: 9px;
	height: 242px;
	
}

#mosaique img {
	padding-right: 7px;
	padding-bottom: 9px;
}

#mosaique img.troisieme {
	padding-right: 0;
}

#mosaique.mosa-clients {
	background-image: url(/images/animation/cadre_mosa-clients.gif);
}

#mosaique.mosa-contact {
	background-image: url(/images/animation/cadre_mosa-contact.gif);
}

#mosaique.mosa-portfolio {
	background-image: url(/images/animation/cadre_mosa-portfolio.gif);
}

#mosaique.mosa-production {
	background-image: url(/images/animation/cadre_mosa-production.gif);
}

#mosaique.mosa-profile  {
	background-image: url(/images/animation/cadre_mosa-profile.gif);
}



/*-------------------------
/* principal
/**/

#principal {
	/*min-height: 466px;*/
	min-height : 350px;
	background-image: url(../images/bas-site.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

* html #principal {
	/*height: 466px;*/
	height : 350px;
}

#contenu {
	float: left;
	width: 542px;
	padding-left: 37px;
	/*padding-top: 10px;*/
	color: #5f6062;
	/*padding-bottom: 135px;*/
	padding-bottom : 160px;
	/*padding-bottom : 200px;*/
}

.contenu_demo {
	width : 400px !important;
}

.contenu_large {
	width : 880px !important;
}


#section-droite {
	float: right;
	width: 308px;
	padding-right: 30px;
	/*padding-top : 13px;*/
}

#section-droite-demo {
	float: right;
	width: 360px;
	padding-right: 30px;
	padding-top : 65px;
	padding-bottom : 30px;
	
	color: #5f6062;
}

#contenu .titre {
	margin-top: 23px;
}

h1 {
	padding:0;
	margin: 0;
}

.copyright {
	font-size: 10px;
	color: #696a6c;
	position: relative;
	top: -7px;
	
}

/*-------------------------
/* themes
/**/

#themes {
	margin-top : 1em;
	margin-bottom : 1em;
}

#section-droite #themes {
	padding-left : 4px;
}

#themes .theme {
	margin-bottom: 5px;
	margin-top: 10px;
}

#themes img {
	border: 0;
}

/*-------------------------
/* portfolio-audio
/**/
#portfolio-audio {
	padding-bottom: 20px;

}


/*-------------------------
/* pied
/**/

#pied {
	
	width: 960px;
	margin: auto;
	font-size: 10px;
	color: #87bf3d;
	padding-top: 10px;
	padding-bottom: 25px;
}

#pied a {
	color: #87bf3d;
	
}

#pied a:hover {
	color: #000;
}

#realisation {
	float: right;
}

#copyright {
	float: left;
}


/*-------------------------
/* mosaique
/**/

#mosa {
	margin-bottom : 1em;
}


/*-------------------------
/* formulaire login
/**/

#formulaire-login {
	position: relative;
	background-image: url(../images/fond-formulaire.gif);
	height: 42px;
	width: 307px;

	margin-top : 1em;
	margin-bottom : 1em;
}

#formulaire-login #username {
	position: absolute;
	bottom: -1px;
	left: 65px;
	font-size: 12px;
	background: transparent;
	width :62px;
	border: 0;
	
}

#formulaire-login #password {
	position: absolute;
	bottom: -1px;
	background: transparent;
	left: 186px;
	width :72px;
	border: 0;
}

#formulaire-login #boutonOk {
	position: absolute;
	right: 10px;
	bottom: 2px;
}

.messageErreur {
	border : 1px solid #AB836F;
	background-color : #FFEADF;
	/*font-weight : bold;*/

	padding-left : 12px;
	padding-right : 12px;
	/*padding-top : 1em;*/
	/*padding-bottom : 1em;*/

	margin-top : 1em;
	margin-bottom : 1em;

	color : #333;
}

.formulaire input {
	width: 100px;
}