body {	background-color: #FFF;	font-family: Helvetica; font-size: 8pt; color: #9eb303;}

#logotop {	position: absolute; top: 20px; left: 20px; }

div.containerHome {top: 0; left: 0; width: 100%; height: 100%;
    position: fixed; display: table}

#entree	{ width:390px; height: 600px; display: table-cell; vertical-align: middle; text-align: center;}
#entree1 { text-align: center; margin-left: 230px; display: none;}

#menu	{ list-style-type:none; font-family: Helvetica; font-size: 13pt; font-weight: normal; color: #8b8d8f; margin: 0px; top: 115px; padding: 0px; left: 205px; position: absolute; }
#menu li	{ margin-bottom: 3px; }
#menu a { font-family: Helvetica; font-size: 13pt; font-weight: normal; text-decoration: none; color: #8b8d8f;}
#menu a:hover { color: #9eb303; }
#menu a.selected { color: #9eb303}

#categorie	{   z-index: 100; list-style-type:none; font-family: Helvetica; font-size: 8pt; font-weight: bold; color: #cdcfd1; margin-left: 0px; width: 185px; text-align: right; position: absolute; top: 143px; margin:0px; padding:0px;}

#client	{ list-style-type:none; font-family: Helvetica; font-size: 10pt; font-weight: bold; color: #cdcfd1; margin-left: 0px;  width: 185px; margin:0px;padding:0px;}
#client a { font-family: Helvetica; font-size: 10pt; font-weight: bold; text-decoration: none; color: #9da0a2;}
#client a:hover { color: #9eb303; }
#client a.selected { color: #9eb303;}


#media	{ list-style-type:none; font-family: Helvetica; font-size: 10pt; font-weight: bold; color: #8b8d8f; margin-left: 0px; width: 185px; text-align: right; position: absolute; top: 188px; margin:0px; padding:0px;}
#media a { font-family: Helvetica; font-size: 10pt; font-weight: bold; text-decoration: none; color: #8b8d8f;}
#media a:hover { color: #9eb303; }
#media a.selected { color: #9eb303;}


#marie { font-family: Helvetica; font-size: 14pt; color: #9eb303}

#image_home { position: absolute; top: 180px; left: 350px;	}

#text_about { position: absolute; top: 250px; left: 400px;	
				font-family: Helvetica; font-size: 10pt; color: #8b8d8f}

#text_services { position: absolute; top: 250px; left: 400px;	
				font-family: Helvetica; font-size: 10pt; color: #8b8d8f}

#services { list-style: none; margin: 0; padding: 0;
			font-family: Helvetica; font-size: 14pt; color: #9eb303}
#services li { margin-bottom: 10px; }


.hiddenmenu { display: none;}

#clients {	position:absolute; bottom: 0px; left:205px; top: 230px; width: 690px; height: 399px;}

#aclientname { position:absolute; text-align:right; width:270px;  top: 100px;
		  font-family: Helvetica; font-size: 13pt; color: #9eb303; font-weight: bold;
}
#alogo {	position:absolute; text-align:left; width:270px; left:280px; }
#atext {	position:absolute; text-align:left; width:300px; left:280px; top: 100px;
		font-family: Helvetica; font-size: 8pt; color: #9eb303;
}

#logo {	text-align:right; width:220px; }

#clientname {  text-align:right; width:220px; top: 100px; float: left;
		  font-family: Helvetica; font-size: 13pt; color: #8b8d8f; font-weight: bold;
}
#text {	text-align:left; width:400px; top: 100px; float: left; margin-left: 10px; padding-top: 15px;
		font-family: Helvetica; font-size: 8pt; color: #9eb303;
		font-family: Helvetica; font-size: 9pt; color: #8b8d8f
				line-height: 1.5;
}
#text a, a:visited { font-family: Helvetica; font-size: 9pt; color: #8b8d8f; text-decoration:none;}
#text a:hover { color: #9eb303;}

#couv {	float: right;}
#prov {	float: right; width: 80px; font-family: Helvetica; font-size: 9pt; color: #8b8d8f; text-align: right; margin-right: 5px;}


 
#text_contact { position: absolute; top: 250px; left: 400px;	
				font-family: Helvetica; font-size: 10pt; color: #8b8d8f
				line-height: 1.5;
				}
				
#location_contact { font-family: Helvetica; font-size: 10pt; color: #9eb303;
 					 margin-top: 15px;line-height: 1.5;}

#image_contact { position: absolute; top: 200px; left: 700px;	}
				
a.email { font-family: Helvetica; font-size: 10pt; text-decoration: none; color: #636364;line-height: 1.5;}
a.email:hover { color: #9eb303; }

a.brochure { font-family: Helvetica; font-size: 10pt; text-decoration: none; color: #8b8d8f;}
a.brochure:hover { color: #9eb303; }

#copy { position: absolute; top: 640px; left: 1075px;
		font-family: Helvetica; font-size: 7pt; text-decoration: none; color: #9eb303; }

#bl { position: absolute; top: 629px; left: 202px;	}
#br { position: absolute; top: 629px; left: 1234px;	}

#top { position: absolute; left: 1234px; top: 100px;}
#tl { position: absolute; left: -494px;	}
#tr { position: absolute; right: -13px; top: -12px;	}

#box_media { position:absolute; top: 533px; left: 129px; width: 575px;}
#menu_media { position:absolute; top: 600px; left: 40px;}

#photo_media {		}

#boxtextmedia {	float: right; width: 200px; text-align: right; margin-right: 5px; height: 415px;}
#boxtextmediacontainer	{ position: absolute; bottom: 0px;}
#clientmedia {	width: 200px;  font-family: Helvetica; font-size: 13pt; color: #8b8d8f; font-weight: normal; text-align: right;}
#sourcemedia {	width: 200px;  font-family: Helvetica; font-size: 9pt; color: #9eb303; text-align: right;}