html { font-size: 13px; }



body  {
	margin:0; 
	padding: 0 0 10px 0;
	background: url(/_sites/images/bg_menu.gif) #000 left top repeat-y;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #eee;
}


p { 
	margin: 10px 0 5px 0;
	padding: 0;	
}


h5 { font-size: 13px; font-weight: bold; }


a img { border: 0; }



.bold { font-weight: bold; color: #d957a0; }



#enveloppe {
	width: 990px;
}



#header {
	height: 150px;
}
	#header #sslogo {
		position: absolute;
		top: 55px;
		left: 0;
		text-align: right;
		width: 160px;
		color: #666;
		font-size: 11px;
		font-weight: bold;
		line-height: 11px;
	}
	
	#header #texteIntro {
		position: absolute;
		top: 65px;
		left: 300px;
		color: #c53b96;
		width: 515px;
		height: 98px;
		overflow: hidden;
		font-size: 12px;
		line-height: 14px;
	}
	
	#header #photoIntro {
		position: absolute;
		top: 0;
		left: 300px;
		width: 690px;
		height: 150px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: left top;
	}
		#photoIntro .rotators {			
			background: #000;		
			height: 150px;	
		}		
		#photoIntro .rotators #rotator1,
		#photoIntro .rotators #rotator2,
		#photoIntro .rotators #rotator3 {			
			float: left;			
			margin-right: 1px;		
		}		
		#photoIntro .rotators .rotation {			
			width: 229px;			
			height: 150px;		
		}			
		#photoIntro .rotators .rotation img {				
			width: 229px; 				
			height: 150px;
		}


#switchLangs {
	position: absolute;
	top: 154px;
	left: 0;
	text-align: right;
	width: 153px;
	color: #999;
}
	#switchLangs .actualLang, #switchLangs a:hover {
		color: #000;
	}
	#switchLangs a {
		color: #999;
		text-decoration: none;
	}



#menu {
	width: 163px;
	float: left;
	color: #000;
	margin-top: 40px;
}
#menu.actuelle {
	margin-top: 313px;
}
	#menu h2 {
		font-size: 14px;
		font-weight: bold;
		color: #000;
		padding: 0;
		margin: 3px 3px 6px 0;
		text-align: right;
	}
		#menu h2 a, #menu h2 a:hover {
			text-decoration: none;
			color: #000;
		}
	
	#menu ul {
		padding: 0;
		margin: 0 9px 0 0;
		list-style-type: none;
	}	
		#menu ul li {
			margin: 0;
			padding: 4px 0 3px 0;
		}
	
	#menu #menuAbs {
		margin-bottom: 40px;
	}
	#menu.actuelle #menuAbs {
		position: absolute;
		left: 0;
		top: 190px;
		width: 163px;
		margin-bottom: 0;
	}
	#menu #menuAbs.gris {
		margin-top: -3px;
		padding-top: 3px;
		height: 268px;
		background: #eee;
	}
		#menuAbs li, 
		#menu li {
			text-align: right;
		}
			#menu li, #menu li a {
				color: #000;
				text-decoration: none;
			}
			#menuAbs li, #menuAbs li a, 
			#ssMenuAbs li, #ssMenuAbs li a {
				color: #d957a0;
				text-decoration: none;
			}
				#menuAbs li a span {
					display: none;
				}
				
			#menu li a:hover, #menu li a.actuel {
				text-decoration: underline;
			}
			#menuAbs li a:hover, #menuAbs li a.actuel,
			#ssMenuAbs li a:hover, #ssMenuAbs li a.actuel {
				text-decoration: none;
				font-weight: bold;
			}
				#menuAbs li a:hover span, #menuAbs li a.actuel span {
					display: inline;
				}


	#menu #ssMenuAbs {
		position: absolute;
		top: 300px; 
		left: 170px;
		width: 130px;
		font-size: 12px;
	}
		#ssMenuAbs li {
			text-align: left;
		}
			#ssMenuAbs li, #ssMenuAbs li a {
				color: #d957a0;
			}
			#ssMenuAbs li a:hover, #ssMenuAbs li a.actuel {
				color: #eee;
			}



#contenu_principal {
	margin: 330px 95px 40px 300px;
	line-height: 19px;
	color: #bbb;
}
#contenu_principal_page {
	margin: 73px 10px 40px 300px;
	line-height: 19px;
	color: #bbb;
}

	#contenu_principal a, #contenu_principal_page a {
		color: #d957a0;
		text-decoration: none;
	}
	#contenu_principal a:hover, #contenu_principal_page a:hover {
		text-decoration: underline;
	}
	
	
#contenu_principal_page .minimize { height: 57px; overflow: hidden; } /* 3 x 19px */
	#contenu_principal_page .minimize p { line-height: 19px; margin-top: 0; } /* On s'assure que les définitions des "p" soient bonnes */


#bgProd {
	position: absolute;
	top: 184px;
	left: 0;
	width: 990px;
	height: 271px;	background: #eee;
}
	#bgProd .rotators {		
		margin: 0 0 0 163px;		
		background: #000;		
		height: 271px;	
	}		
	#bgProd .rotators #rotator1 {			
		float: left;			
		margin-right: 1px;		
	}		
	#bgProd .rotators .rotation {			
		height: 271px;			
		width: 413px;		
	}			
	#bgProd .rotators .rotation img {				
		height: 271px;				
		width: 413px; 			
	}


h1#titreProd {
	position: absolute;
	top: 407px;
	left: 180px;	
	z-index: 3;
	color: #eee;
	font-size: 50px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1#titrePage {
	position: absolute;
	top: 151px;
	left: 300px;
	width: 690px;
	color: #eee;
	font-size: 30px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div#ligneSsTitreProd, div#ligneSsTitrePage {
	position: absolute;
	top: 456px;
	left: 0;
	width: 990px;
	height: 0;
	border-bottom: 2px solid #d957a0;
}
div#ligneSsTitrePage {
	top: 184px;
}

h4#ssTitreProd {
	position: absolute;
	top: 451px;
	left: 180px;	
	z-index: 3;
	color: #d957a0;
	font-size: 30px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


#contenu_principal_page h2,
#contenu_principal_page h2 a,
.rose {
	color: #c53b96;	
}