html, body {
	font-size:medium;
	height:100%;
	margin:0;
	padding:0;
	width:100%;
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
/* ##############################################################
	OSSATURE
 ##############################################################*/
#head {
	width:812px;
	margin:0 auto 0 auto;
	height:77px;
}
#head #logo {
	display:inline;
	float:left;
	width:126px;
	height:67px;
	padding:0;
	margin:0;
}
#head #logo a {
	display:block;
	background-image:url(../images/fine_v1/finelogo.gif);
	height:77px;
	width:126px;
}
#head #menu, #head #menu li {
	list-style:none;
	padding:0;
	margin:0;
}
#head #menu dl, #head #menu dt, #head #menu dd {
	margin:0;
	padding:0;
}
#head #menu {
	display:inline;
	float:right;
	margin-top:25px;
	width:610px;
}
#head #menu ul {
	margin:0;
	padding:0;
}
#head #menu li {
	display:inline;
	float:left;
	margin-bottom:3px;
}
.cvcontact span,#head #menu strong, #head #logo strong {
	display:none;
}
.cvcontact{text-decoration:none;}
#head #menu li a {
	display:block;
	height:12px;
	background-position:0 0;
}
#head #menu li a.hover {background-position:0 -12px;}
#head #menu li a.selected {background-position:0 -24px;}
#menuIdentitevusu a {
	width:62px;
	background-image:url(../images/fine_v1/menu/identite-visuelle-logo.gif);
}
#menuPrint a {width:159px;
	background-image:url(../images/fine_v1/menu/print-graphiste-free-lance-lyon.gif);
}
#menuPackaging a {width:61px;
	background-image:url(../images/fine_v1/menu/packaging-graphiste-freelance.gif);
}
#menuWeb a {width:91px;
	background-image:url(../images/fine_v1/menu/web-design-programation.gif);
}
#menuIllustration a {width:88px;
	background-image:url(../images/fine_v1/menu/illustrateur-free-lance-fine.gif);
}
#menuVideo a {width:51px;
	background-image:url(../images/fine_v1/menu/creation-video-animation-freelance-lyon.gif);
}
#menuTendance a {width:96px;
	background-image:url(../images/fine_v1/menu/planche-tendance.gif);
}
#menuShop {margin-right:158px}
#menuShop a {width:67px;
	background-image:url(../images/fine_v1/menu/plv-decoration-vitrine-free-lance.gif);
}
/*TODO SUPPRIMER CODE HTML DANS GENERAL*/
#head #menu li#menuDecoration  {
	width:107px;
	display:none;
	background-color:#CC3300;
	/*background-image:url(../images/fine_v1/menu/decoration-freelance-lyon.gif);
	*/
}
#menuFine{clear:left;}
#menuFine a {width:43px;
	background-image:url(../images/fine_v1/menu/fine-collectif.gif);
}
#menuContact a {width:61px;
	background-image:url(../images/fine_v1/menu/graphiste-freelance-contact.gif);
}
/*TODO SUPPRIMER CODE HTML DANS GENERAL*/
#head #menu li#menuBoutique {display:none;width:97px;
	background-image:url(../images/fine_v1/menu/boutique-teeshirt-fineteeshirt.gif);
}
#head #menu #titremenu {
	clear:both;
	height:8px;
	/*width:1057px;*/
	background-image:url(../images/fine_v1/menu/porfolio-domaine-de-competence.gif);
	background-repeat:no-repeat;
	background-position:4px 0;
}
#titremenu span {display:none;}
#chemin {
	clear:both;
	width:537px; /* 812px; */
	height:10px;
	position:relative;
	margin:0 auto 0 auto;
	color:#949494;
	font-size:10px;
	padding-left:134px;
}
#chemin .fondcouleur {display:inline;}
#chemin .fondcouleur a {color:#949494;text-decoration:none;}
#content {
	margin:0 auto 0 auto;
	clear:both;
	width:812px;
	height:60%;
	position:relative;
	background-position:0 0;
	background-repeat:repeat-x;
	overflow:hidden;
}

#footer {
	clear:both;
	margin:0 auto 0 auto;
	width:812px;
}
#footer #menupied, #footer #menupied li {
	list-style:none;
	padding:0;
	margin:0;
}
#footer #menupied li {display:inline;float:left;}
#footer #menupied li a {
	color:#000000;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
	padding:0 14px 0 14px;
}
#footer #menupied.archivefooter li a {padding:0 12px 0 13px;}
#footer #menupied li a:hover{text-decoration:underline;}
#footer #menupied li a strong {	font-weight:normal;}
#footer #menupied :first-child a{padding-left:0 !important;}
#footer #menupied li a.selected strong{color:#f93834;font-weight:bold;}
#footer #menupied li a.footerArchive strong{padding-left:14px !important;}
#footer #menupied li a.footerArchive, #footer #menupied li a.selected {background-image:url(../images/fine_v1/footer/selected.gif);
background-repeat:no-repeat; background-position:0 50%;}

#footer #menupied li a.footerArchive{}
#footer #menupied li a.footerMention{
}
#footer #menupied li a.footerContact{}
#footer #menupied li a.footerPlan{}
#footer #menupied li a.footerLien{}
#footer #menupied li a.footerFavorie{}
#footer #menupied li a.footerAmi{}


#footer #menupied li a.footerDomaine{padding:0 0 0 17px;}


#content.indexgalerie {	min-height:295px;max-height:500px;margin-top:8px;}
#content.indexgalerieMult {min-height:435px;}
* html .indexgalerieMult {height:auto !important;}/*BUG IE6*/
.indexgalerieMult .presentation,.indexgalerie .presentation {
	display:block;
	height:87px;
	position:relative;
	margin-top:20px;
}
.indexgalerieMult .presentation {height:78px;}
.indexgalerie .presentation {margin-top:20px;}
.titreIndexGallerie{
display:block;
color:#CCCCCC;padding:0px;margin-bottom:5px;
font-size:20px;
background-repeat:no-repeat;
height:40px;
}
.titreIndexGallerie strong{display:none;}
.indexgalerieMult .first,.indexgalerie .first {margin-top:7px;}
.indexgalerieMult .presentation a,.indexgalerie .presentation a {
	display:block;
	height:80px;
	cursor:pointer; /*BUG IE6*/
}
.indexgalerieMult .presentation .legende,.indexgalerie .presentation .legende {
	padding:0;
	margin:0;
	position:absolute;
	background-color:#FFFFFF;
	font-size:11px;
	right:0;
	top:82px;
	font-weight:normal;
}
.indexgalerieMult .presentation a em,.indexgalerie .presentation a em {
	display:block;
	position:absolute;
	height:20px;
	width:69px;
	right:0;
	background-image:url(../images/galerie/voir.gif);
	bottom:7px;
}
* html .indexgalerieMult .presentation a em,* html .indexgalerie .presentation a em {bottom:6px;} /*BUG IE6*/
.indexgalerieMult .presentation a em,.indexgalerie .presentation a em span {display:none;}

/* ##############################################################
	GALLERIE
 ##############################################################*/
#listeprojet {width:812px;margin:0 auto 0 auto;}
#listeprojet ul, #listeprojet li {
	list-style:none;
	padding:0;
	margin:0;
}
#listeprojet li {
	margin:4px 0 0 4px;
	display:inline;
	float:left;
	width:47px;
	height:47px;
}
#listeprojet li.first {margin-left:0;}
#listeprojet li a {
	display:block;
	width:47px;
	height:42px;
	background-image:url(../images/galerie/backtrspt.gif);
	padding-top:5px;
}
#listeprojet li a.selected {background-image:url(../images/galerie/backtrspt_roll.gif);}
#listeprojet li a img {
	display:block;
	border:none;
	margin:0 auto 0 auto;
}
#content.galerie {
	margin-top:10px;
	max-height:520px;
}
#content.page {
	margin-top:8px;
	height: auto;
	min-height:450px; 
	margin-bottom:8px;
	min-height:295px;
}
* html .page{	height:auto !important; } /*BUG IE6*/
.galerie #info {
	height:20px;
	/*width:200px; background:#fff;	*/
	width:auto;
	overflow:hidden;
	position:absolute;
	right:10px;
	bottom:0px;
	z-index:5;
	padding:0;
	margin:0;
	cursor:pointer !important;
	color:#333333;
	font-size:12px;
	font-weight:normal;
}
* html .galerie #info {right:-20px;}
.galerie #titleinfo {
	display:block;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	z-index:2;
	padding:0 54px 0 35px;
	margin:0;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	background-image:url(../images/galerie/f_titre.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
* html .galerie #titleinfo {
	display:inline;
	float:left;
}
.galerie #descriptifinfo {
	padding:0 54px 25px 35px;
	background:#fff;
	display:none;
	clear:both
}
.galerie #descriptifinfo a{color: #333333;}
.galerie .entrepriseinfo{font-style:italic;color:#999999;}
.galerie #page {
	position:absolute;
	right:0;
	bottom:0;
	z-index:6;
	height:20px;
	width:44px;
}
.galerie #page a {
	display:block;
	float:left;
	height:20px;
	cursor:pointer !important;
}
.galerie #page a.next {;
	background-image:url(../images/galerie/arrow_nextpix.gif);
	width:14px;
}
.galerie #page a.previous {
	width:30px;
	background-image:url(../images/galerie/arrow_prevpix.gif);
}
.galerie #page a span {
	display:none;
}
/* ##############################################################
	PAGE NORMAL
 ##############################################################*/
.page h1 {font-size:13px;}
.page h2 {font-size:12px;}
.page p {
	padding:0;
	margin:0 10px 0 10px;
}
#layerChargement {
	width:100%;
	height:100%;
	background-color:#fff;
	position:relative;
}
#layerChargement img {
	position:absolute;
	top:50%;
	left:50%;
}
/* ##############################################################
	PAGE CORPOARATE
 ##############################################################*/
#modeleCorporate{
background-image:url(../images/fine_v1/modele/f-trame.gif);
margin-top:30px;
overflow:hidden;
min-height:410px;
}
.ongletTitre{
	padding:0;
	margin:0 0 8px 0;
	margin:0;
	height:20px;
	font-size:1px;
}
.ongletTitre img{
margin:0;
padding:0;
font-size:1px;
}
.ongletTitre .titre{
background-image:url(../images/fine_v1/modele/f_titre.gif);
background-position:100% 100% ;
background-repeat:no-repeat;
padding-right:40px;
padding-left:30px;
font-size:1px;
}
.ongletTitre .titre,.ongletTitre .titre1{
	display:inline;
	float:left;
	vertical-align:bottom;
	margin:0;
	height:21px;line-height:21px;
}
/*#modeleCorporate .ongletTitre .titre img{margin-top:1px;}*/
#modeleCorporate .ongletTitre .titre1{background-color:#FFFFFF;padding:0;}
#modeleCorporate .contenuCorporate{margin-bottom:8px;overflow:hidden;clear:both;}
#modeleCorporate .contenuCorporate .titre-a,
#modeleCorporate .contenuCorporate .titre-b{margin:0;padding:0;}
#modeleCorporate .contenuCorporate .titre-b{margin:20px 0 10px 0;padding:0;}
#modeleCorporate .contenuCorporate a{color:#000;}

.decale{margin-left:30px !important;}

#modeleCorporate.fine .ongletTitre .titre1{width:686px;}
#modeleCorporate.mentions .ongletTitre .titre1{width:556px;}
#modeleCorporate.quatrecent .ongletTitre .titre1{width:674px;}

#texthome,#blocswf{position:absolute;z-index:2;}
#texthome{z-index:3;height:100%;width:100%;top:25px;display:inline;text-transform:uppercase;}
#texthome h1{display:inline;}
#texthome a{text-decoration:none;}
#texthome a:hover{text-decoration:underline;}
#texthome h1,#texthome p{display:inline;background-color:#fff;background-repeat:repeat;font-size:10px;padding:0;margin:0;line-height:15px;font-family: Trebuchet MS, Trebuchet, Arial, Verdana, Sans-serif;}
html[xmlns*=""] body:last-child #texthome h1,html[xmlns*=""] body:last-child #texthome p {display:-webkit-inline-box;/*Hack Safarie*/}
#infobulle{
display:none;
	position:absolute;
	top:50px;
	left:12px;
	z-index:1250;
	width:215px;
	height:80px;
	background-image:url(../images/fine_v1/infobulle.png);
}
#infobulle span{
	display:block;
	margin:10px 10px 10px 10px;
}
.index{height:80% !important;}