/****************************************************************************************************************/
/*********************************************   RESET    ***************************************************/
/****************************************************************************************************************/

* {margin:0px; padding:0px;}
a img {border:none;}

/****************************************************************************************************************/
/*********************************************   STRUCTURE    ***************************************************/
/****************************************************************************************************************/

/*div {background:#ccc; border: solid 1px #999;}*/

div#page 
{
position:relative;
width:980px; 
margin: 0px auto;
/*background:url(frames.jpg) no-repeat; */
color:#fff;
min-height:680px;
height: auto !important;
height: 680px;
}
	a, input {position:relative; z-index:1;} /* dû au bug d'ie6 sur progid:DXImageTransform.Microsoft.AlphaImageLoader qui a pour conséquence de désactiver les liens et les boutons input */
	div.appendix {}
		div.appendix div.primary div.identity {
     	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/logo.png',sizingMethod='scale');
		width:475px;
		height:137px;
		margin-bottom:37px;
		}
		div.appendix div.primary div.identity a {
		display:block;
		width:100%; 
		height:100%;
		}
		div#page>div.appendix div.primary div.identity
		{
		background: url(images/logo.png) no-repeat top left;
		}
		
		div.appendix div.secondary
		{
		display:inline; /*hack pour bug ie sur les marges gauches de float left*/
		float:left;
		margin-left:33px;
		width:176px;		
		}
		
		div#page>div.appendix div.secondary
		{/* "div#page>" pour hack pour bug ie sur les marges gauches de float left*/
		display:block;
		}
		
		div.appendix div.secondary div.site ul li
		{
		margin-bottom:7px;
		padding-left:7px;
		line-height:21px;
		font-size:13px;
		}
			div.appendix div.secondary div.site ul li a
			{
			display:block;
			width:100%; height:100%;
			}		
		div.appendix div.secondary div.site ul li#artistiqueLink
		{
		font-size:17px;
		}		
		
		div.appendix div.secondary div.siblingSite ul
		{
		margin-top:22px;
		}
		
		div.appendix div.secondary div.siblingSite ul li
		{
		width:88px;
		height:81px;
		margin-bottom:20px;
		}
		div.appendix div.secondary div.siblingSite ul li#labelforge
		{
		background: url(images/labelforge.gif) no-repeat center center;
		}	
		div.appendix div.secondary div.siblingSite ul li.player
		{
		background: url(images/player.gif) no-repeat center center;
		}	
		div.appendix div.secondary div.siblingSite ul li a
		{
		display:block;
		width:88px;
		height:81px;
		}
		
	ul#principalBar {position: absolute; right: 25px; top: 25px;
	font-size:0.85em; color:rgb(57, 139, 160); font-weight:bold; width:440px;
	list-style:none;}
	ul#principalBar a {color:rgb(57, 139, 160); text-decoration:none;}	
	ul#principalBar li {padding-right: 15px; float:left; height:22px;line-height:150%;}
	ul#principalBar li.player {background: url(images/player.gif) no-repeat left center;
	margin-left:20px; padding-left:28px; padding-right:0;
		}
		
	div#page div#metacontent
	{
	float:left;
	width:670px;
	margin-left:80px;
	}
	div#page div#content
	{
	border-width: 1px;
	padding: 0px 15px;
	font-size:12px;
	
	min-height:390px;
	height: auto !important;
	height:390px;
	}
		div#page div#content #back {text-align:right; position:relative; right:-15px; top:0px;}
			div#page div#content #back a {text-decoration:none; padding: 0px 5px; }
		.externalPopup {text-decoration:underline; position:relative;z-index:1;}
		.playerPopup {position:relative;z-index:1;}
		div#content ul {margin:25px;}
		div#content ul.linearBar {margin:0px; padding:0px;padding-bottom:20px;}
		div#content p.linearBar {float:left; width:20%; padding-bottom:20px;}
		div#content ul.linearBar li {display:inline; margin-left:10px;}
		div#content ul#product {margin:0px;}
		div#page div#content h1
		{
		position:relative; 
		top:-55px;
		float:right;
		right:-16px;
		padding: 0px 14px;
		min-width:148px; 
		width: auto; 
		margin-bottom:-21px;
		font-size:29px;
		line-height:21px;
		}
			div#content h1 pre {font-family:arial, sans-serif;} /* pour éviter les retours à la ligne pour le titre */
			div#content pre h1 {font-family:arial, sans-serif;} 
		hr
		{
		height:1px;
		margin-bottom:10px;
		border: 0;
		}
		div#content img {margin:10px;}
		div#page div#content h2
		{
		font-size:25px;
		margin-top:25px;
		}
		div.moreInfos
		{
		position:relative;
		top:1px;
		text-align:right;
		}
			div.moreInfos a
			{
			padding: 0px 5px;	
			}
			div#page div#content div.hentry
			{
			min-height:184px; 
			height: auto !important; 
			height:184px;
			}
				div#page div#content div.hentry div.date
				{
				margin-bottom:15px;
				}
				div#page div#content div.hentry div.author
				{
				text-align:right;
				}
				div#page div#content div.hentry h2.entry-title
				{
				margin:0px;
				}
				div#page div#content div.hentry div.infos
				{
				
				}
				div#page div#content div.hentry div.entry-content
				{
				
				}
			div#page #participation p {margin:15px;}
						
/****************************************************************************************************************/
/********************************** apparence ***********************************/
/****************************************************************************************************************/
/*
prend en compte les images, les couleurs, les typo et tout ce qui agit sur l'apparence comme les listes à puces
*/


body {background-color:#000;}
	div#page 
		{
		color:#fff;
		font-family:arial, sans-serif;
		background: top right no-repeat;
		}
		ul.linearBar {list-style-type : none;}
		div.appendix {}
			div.appendix div.secondary div.site form.newsletter {
				margin-top:15px;
			}
				div.appendix div.secondary div.site form.newsletter input.email {
					background:#8E9CAF;
					border: solid 1px #9DB3D3;
					color:#1D2127;
				}
				div.appendix div.secondary div.site form.newsletter input.submit {
					background:#7787A0;
					border: solid 1px #9DB3D3;
					border-bottom-color:#5F6C7F;
					border-right-color:#5F6C7F;
					color:#DFEDFF;
				}
				div.appendix div.secondary div.site form.newsletter p {
					font-size:0.8em;
					font-weight:bold;
					color:#7787A0;
				}
			div.appendix div.secondary div.site ul li
			{
			background-color:#7787a0;
			}
				div.appendix div.secondary div.site ul li ul li
				{
				background:none;
				}
					div.appendix div.secondary div.site ul li ul li ul
					{
						border-left: solid 1px #EAE0FF;
					}
						div.appendix div.secondary div.site ul li ul li ul li
						{
						margin:0;
						padding-left:5px;
						}
				div.appendix div.secondary div.site ul li a
				{
				text-decoration:none;
				color:#fff;
				font-weight:bold;
				}
			div.appendix div.secondary div.site ul li#artistiqueLink ul li {
				font-family:"Trebuchet MS";
				font-size:16px;
				font-weight:bold;
			}
				div.appendix div.secondary div.site ul li#artistiqueLink ul li ul li {
					font-family:arial, sans-serif;
					font-size:13px;
				}
					div.appendix div.secondary div.site ul li#artistiqueLink ul li ul li a {
						color:#EAE0FF;
					}
					
		div#page div#content
		{
		/*border-style:solid;*/
		}
			div#content ul#product li {list-style-type:none;}		
			div#content h1
			{
			text-transform:uppercase;
			}
			div#page div#content p
			{
			line-height:17px;
			font-size:12px;
			margin-bottom:17px;
			}
			div#content h2
			{
			line-height:100%;
			font-size:25px;
			}
			div.moreInfos
			{
			font-size:13px;
			}
			div.infos
			{
			margin-top:17px;
			}
			div.moreInfos a
			{
			text-decoration:none;
			}		
	div.appendix div.tertiary
	{
	text-align:center;
	position:relative;
	top:55px;
	clear:both; font-size:0.75em;
	margin-bottom:55px;
	}	
		div.appendix div.tertiary a, div.appendix div.tertiary span.externalPopup
		{
		color: #555;
		text-decoration:none;
		padding: 0 25px;
		}
					
/****************************************************************************************************************/
/********************************** propriétés multiples (ou potentiellement) ***********************************/
/****************************************************************************************************************/

div#page div#content div.agenda h2
{
	margin-bottom:20px;
}

div#page div#content div.agenda .hentry {
	/*background:#315869; */
	background-color:#1f6375;
	padding:10px;
	margin-bottom:20px;
	-moz-border-radius:8px; 
	-webkit--border-radius:8px; 
	-khtml-border-radius:8px; 
	border:1px solid #3E687C;
}

div#content .button a, div#content .button .playerPopup {
	padding:4px 9px;
	/*background:#377e92;*/
	background-color:#1f6375;
	border: 1px solid #478EA7;
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;		
	-moz-border-radius:8px; 
	-webkit--border-radius:8px; 
	-khtml-border-radius:8px; 
}

div#content div.action div.buttons {
	margin-bottom:25px;
	float:left;
}

div#content p.button {
	padding-top:4px;
	margin-top:20px;
	margin-bottom:5px;
}

div#content .action .button a, div#content .action .button .playerPopup {
	margin-right:35px;
}

div#content h2.highlight {
	color:#e97016;
}

hr, div.moreInfos, #participation
{
position:relative;
left:-15px;
width:668px;
margin-right:-30px;
clear:both;
text-decoration:none;
}

div#page .appendixLink
{
color:#fff;
clear:both;
padding-top:15px;
}
div#page .appendixLink a
{
color:#fff;
}

div#page div#content .more,
{
position:relative;
top:48px;
left:-15px;
}

div#page div#content h1, div.appendix div.secondary div.site ul li
{
height:auto !important;
min-height:21px; 
height:21px;
}

div#page div#content h1
{
text-align:right;
}

div#page div#content h2
{
font-weight:normal;
}

div#page div#content div.hentry div.infos, div#page div#content div.hentry div.date, div#page div#content p.more, p.appendixLink, div#page div#content #back a
{
font-size:15px;
line-height:17px;
font-weight:normal;
}

div#page div#content #back a
{
font-size:12px;
}

div.moreInfos
{
border-bottom: solid 1px;
}

div#content a, div#content .externalPopup
{
color:#fff;
background:rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
padding:2px;
}

/*-- clearing */

div#page:after
{
content: ".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div.appendix div.secondary ul li
{
list-style-type:none;
}

div#page {display: inline-block;}

/* Hides from IE-mac \*/
* html div#page {height: 1%;}
div#page {display: block;}
/* End hide from IE-mac */

/****************************************************************************************************************/
/********************************** Variantes selon les pages ***************************************************/
/****************************************************************************************************************/

/*--- home */

body#bodyHome div.entry {
	
}

body#bodyHome div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentHome2.png',sizingMethod='scale');*/
	 background-color:rgb(57, 139, 160);
border-color: #ced0d3;
padding-top:10px;
}

html>body#bodyHome div#page div#content
{
/*background-image: url("images/contentHome2.png");*/
}

body#bodyHome div#page
{
/*background-image: url(images/home.jpg);*/
}

body#bodyHome div#page div#content h1
{
background-color: #7787a0;
}

body#bodyHome div.moreInfos
{
border-color: #ced0d3;
}
	body#bodyHome div.moreInfos a, body#bodyHome div#page div#content #back a
	{
	background: #1f6375;
	}

body#bodyHome div#page div#content h1
{
top:-70px;
}

body#bodyHome div#page div#content #back
{
top:-10px;
}

body#bodyHome hr 
{
background-color: #ced0d3;
color: #ced0d3;
}

/*--- artistique */
body#bodyArtistique div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentArtistique.png',sizingMethod='scale');*/
	 background-color: #8875ad;
border-color: #d4d1d9;
}

html>body#bodyArtistique div#page div#content
{
/*background-image: url(images/contentArtistique.png);*/
}

body#bodyArtistique div#page
{
/*background-image: url(images/artistique.jpg);*/
}

body#bodyArtistique div#page div#content h1, body#bodyArtistique div.appendix div.secondary div.site ul li.artistiqueLink
{
background-color: #8875ad;
}

body#bodyArtistique div.moreInfos
{
border-color: #d4d1d9;
}
	body#bodyArtistique div.moreInfos a, body#bodyArtistique div#page div#content #back a
	{
	background-color: #5b2d73;
	}
	
body#bodyArtistique hr 
{
background-color: #d4d1d9;
color: #d4d1d9;
}

/*--- partenaires */
body#bodyPartenaires div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentPartenaires.png',sizingMethod='scale');*/
	 background-color: #88cbc2;
border-color: #d9e5e3;
}

html>body#bodyPartenaires div#page div#content
{
/*background-image: url(images/contentPartenaires.png);*/
}

body#bodyPartenaires div#page
{
/*background-image: url(images/partenaires-background.jpg);*/
}

body#bodyPartenaires div#page div#content h1, body#bodyPartenaires div.appendix div.secondary div.site ul li#partenairesLink
{
background-color: #88cbc2;
}

body#bodyPartenaires div.moreInfos
{
border-color: #d9e5e3;
}

	body#bodyPartenaires div.moreInfos a, body#bodyPartenaires div#page div#content #back a
	{
	background: #56827c;
	}

body#bodyPartenaires hr 
{
background-color: #d9e5e3;
color: #d9e5e3;
}

/*--- la forge */
body#bodyLaForge div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentLaforge.png',sizingMethod='scale');*/
	 background-color: #e95872;
border-color: #e0cfd2;
}

html>body#bodyLaForge div#page div#content
{
/*background-image: url(images/contentLaforge.png);*/
}

body#bodyLaForge div#page
{
/*background-image: url(images/laforge-background.jpg);*/
}

body#bodyLaForge div#page div#content h1, body#bodyLaForge div.appendix div.secondary div.site ul li#laForgeLink
{
background-color: #e95872;
}

body#bodyLaForge div.moreInfos
{
border-color: #e0cfd2;
}

	body#bodyLaForge div.moreInfos a, body#bodyLaForge div#page div#content #back a
	{
	background: #bb465b;
	}

body#bodyLaForge hr 
{
background-color: #e0cfd2;
color: #e0cfd2;
}

/*--- contact */
body#bodyContact div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentContact.png',sizingMethod='scale');*/
	 background-color: #e97117;
border-color: #e8d3c3;
}

html>body#bodyContact div#page div#content
{
/*background-image: url(images/contentContact.png);*/
}

body#bodyContact div#page
{
/*background-image: url(images/contact.jpg);*/
}

body#bodyContact div#page div#content h1, body#bodyContact div.appendix div.secondary div.site ul li#contactLink
{
background-color: #e97117;
}

body#bodyContact div.moreInfos
{
border-color: #e8d3c3;
}

	body#bodyContact div.moreInfos a, body#bodyContact div#page div#content #back a
	{
	background: #cd6314;
	}

body#bodyContact hr 
{
background-color: #e8d3c3;
color: #e8d3c3;
}

/*--- espace pros */
body#bodyEspacePros div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentEspacePros.png',sizingMethod='scale');*/
	 background-color: #0baee8;
border-color: #c1dee8;
}

html>body#bodyEspacePros div#page div#content
{
/*background-image: url(images/contentEspacePros.png);*/
}

body#bodyEspacePros div#page
{
/*background-image: url(images/espacepros-background.jpg);*/
}

body#bodyEspacePros div#page div#content h1, body#bodyEspacePros div.appendix div.secondary div.site ul li#espaceProsLink
{
background-color: #0baee8;
}

body#bodyEspacePros div.moreInfos
{
border-color: #c1dee8;
}

	body#bodyEspacePros div.moreInfos a, body#bodyEspacePros div#page div#content #back a
	{
	background: #066688;
	}

body#bodyEspacePros hr 
{
background-color: #c1dee8;
color: #c1dee8;
}

/*--- multimédia */

body#bodyMultimedia div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentMultimedia.png',sizingMethod='scale');*/
	 background-color: #a6d30b;
border-color: #dce4c1;
}

html>body#bodyMultimedia div#page div#content
{
/*background-image: url(images/contentMultimedia.png);*/
}

body#bodyMultimedia div#page
{
/*background-image: url(images/multimedia-background.jpg);*/
}

body#bodyMultimedia div#page div#content h1, body#bodyMultimedia div.appendix div.secondary div.site ul li#multimediaLink
{
background-color: #a6d30b;
}

body#bodyMultimedia div#content h2
{
font-size:35px;
}

body#bodyMultimedia div#content p
{
font-size:14px;
font-weight:bold;
}

body#bodyMultimedia div.moreInfos
{
border-color: #dce4c1;
}

	body#bodyMultimedia div.moreInfos a, body#bodyMultimedia div#page div#content #back a
	{
	background: #92ba0a;
	}

body#bodyMultimedia hr 
{
background-color: #dce4c1;
color: #dce4c1;
}

/*--- label forge */
body#bodyLabelForge div#page div#content {
     /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/_ressources/themes/laforge-1/images/contentLabelforge.png',sizingMethod='scale');*/
	 background-color: #f0f0f0;
border-color: #f0f0f0;
}

html>body#bodyLabelForge div#page div#content
{
/*background-image: url(images/contentLabelforge.png);*/
}

body#bodyLabelForge div#page
{
/*background-image: url(images/labelforge-background.gif);*/
}

body#bodyLabelForge div#page div#content h1, body#bodyLabelForge div.appendix div.secondary div.site ul li#labelForgeLink
{
background-color: #f0f0f0;
}

body#bodyLabelForge div.appendix div.secondary div.site ul li#labelForgeLink a {
	color:#000;
}

body#bodyLabelForge div#page {color: #000;}

body#bodyLabelForge div.moreInfos
{
border-color: #f0f0f0;
}

	body#bodyLabelForge div.moreInfos a, body#bodyLabelForge div#page div#content #back a
	{
	background: #AAAAAA;
	}

body#bodyLabelForge hr 
{
background-color: #f0f0f0;
color: #f0f0f0;
}

body#bodyLabelForge div.appendix div.secondary div.siblingSite ul li#labelforge
{
background-image: url(images/labelforge-logo2.gif);
}

body#bodyLabelForge div#content div#product {margin-top:35px;}
body#bodyLabelForge div#page div#content a {color:#000;}
body#bodyLabelForge div#content h2 {margin-bottom:12px;}
body#bodyLabelForge div#content h3 {margin-top:22px; line-height:17px; font-size:15px;}
body#bodyLabelForge div#content div.comment p {font-size:15px; padding:0px; margin:0px;}
body#bodyLabelForge div#content div.indicatePrice {font-size:12px;margin-top: 10px;}
body#bodyLabelForge div#content div#product img {float:right; margin-right:37px; position:relative; z-index:2;}
body#bodyLabelForge div#content div.buynow {margin-top: 10px;}

body#bodyLabelForge div#content div.product 
{
min-height:184px; 
height: auto !important; 
height:184px;
}