* {
	margin:0;
	padding:0;
	outline:none;
}

a img {
	border:none;
}

html, body {
	background:url(../../images/fr/bkg.jpg) no-repeat top center;
	min-width:888px;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#828282;
	scrollbar-face-color:#b0b1b3;
	scrollbar-shadow-color:#b0b1b3;
	scrollbar-highlight-color:#b0b1b3;
	scrollbar-3dlight-color:#b0b1b3;
	scrollbar-darkshadow-color:#b0b1b3;
	scrollbar-track-color:#e6e6e6;
	scrollbar-arrow-color:#000;
}

a:link, a:visited {
	color:#b00063;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

/**************************************************************************/
/******************************* Début haut *******************************/
/**************************************************************************/

#Top {
	position:relative;
	width:882px;
	height:78px;
	margin:0 auto 30px auto;
}

#TopLogo {
	position:relative;
	float:left;
	display:inline;
	width:181px;
	height:42px;
	margin:20px 0 0 0;
}


/**************************************************************************/
/***************************** Début articles *****************************/
/**************************************************************************/

#Container {
	position:relative;
	width:882px;
	height:425px;
	margin:0 auto 0 auto;
}

#LeftContainer {
	position:relative;
	float:left;
	width:278px;
	height:425px;
	margin:0 16px 0 0;
	display:inline;
}

#EspacePro {
	position:relative;
	background:url(../../images/fr/espacepro-bkg.jpg) no-repeat;
	float:left;
	width:278px;
	height:158px;
	margin:0 auto 0 auto;
}

#TexteEspacePro {
	position:relative;
	float:left;
	width:238px;
	height:88px;
	margin:18px 0 0 21px;
	display:inline;
}

#Entrer {
	position:absolute;
	top:108px;
	left:192px;
	width:67px;
	height:29px;
	z-index:100;
}

#Entrer a {
	position:relative;
	background:url(../../images/fr/entrer-off.jpg) no-repeat;
	float:left;
	width:67px;
	height:29px;
	display:inline;
	overflow:hidden;
	z-index:100;
}

#Entrer a:hover {
	position:relative;
	background:url(../../images/fr/entrer-on.jpg) no-repeat;
	float:left;
	width:67px;
	height:29px;
	display:inline;
	overflow:hidden;
	z-index:100;
}

#Visuels {
	width:250px;
	height:134px;
	margin:0 0 0 22px;
}

#LeftContainer .visuel {
	position:relative;
	float:left;
	width:114px;
	height:56px;
	margin:0 0 2px 2px;
	padding:4px;
	display:inline;
}

#LeftContainer .visuel a {
	display:block;
}

#LeftContainer .visuel a:hover {
	width:114px;
	height:56px;
	opacity:0.6; 
	filter:alpha(opacity=60); 
	-moz-opacity:0.6;
}

#LeftContainer .visuel .ombre {
	position:absolute;
	width:122px;
	height:64px;
	margin:-4px 0 0 -4px;
	background:url(../../upload/ombre-public-petite.png) no-repeat;
}

#LeftContainer .visuel .ombre-new {
	position:absolute;
	width:122px;
	height:64px;
	margin:-4px 0 0 -4px;
	background:url(../../upload/ombre-new-public-petite.png) no-repeat;
}

#Right {
	position:relative;
	float:left;
	width:588px;
	height:396px;
	margin:26px 0 0 0;
	background:url(../../images/fr/container-public-bkg.jpg) no-repeat;
	display:inline;
}

#RightContainer {
	position:relative;
	width:530px;
	height:337px;
	text-align:left;
	overflow:auto;
	margin:30px 0 0 18px;
	padding:0 10px 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333333;
}

#RightContainer h1 {
	font-weight:normal;
	font-size:20px;
	line-height:23px;
	margin:0 0 8px 0;
}

#RightContainer h2 {
	font-weight:normal;
	font-size:14px;
	line-height:18px;
	margin:0 0 15px 0;
}

#RightContainer .sous-titre {
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}

#RightContainer ul {
	margin:12px 0 12px 42px;
}

#LienPermanent {
	position:relative;
	width:180px;
	height:58px;
	font-size:11px;
	margin:30px 0 0 0;
	float:left;
}

#LienPermanent a {
	color:#333333;
	text-decoration:underline;
}

#LienPermanent a:hover{
	text-decoration:none;
}

/**************************************************************************/
/****************************** Début bottom ******************************/
/**************************************************************************/

#Bottom {
	position:relative;
	width:950px;
	height:32px;
	margin:35px auto 0 auto;
}

#BottomLangues {
	position:relative;
	float:left;
	display:inline;
	width:44px;
	height:24px;
	margin:0 0 0 17px;
	padding:8px 0 0 0;
}

#BottomLangues img.drapeau {
	margin:0 3px;
}

#BottomLiens {
	position:relative;
	float:left;
	width:140px;
	height:32px;
	margin:2px 0 0 0;
}

#BottomLiensListe {
	float:left;
	height:24px;
	list-style:none;
	padding:8px 0 0 0;
}

#BottomLiensListe li {
	float:left;
	margin:0 8px 0 0;
	padding:0 0 0 12px;
	font-size:0.7em;
	background:url(../../images/fr/bottom-separateur.jpg) no-repeat;
}

#BottomLiensListe li.first-child {
	background:none;
}

#BottomLiensListe li a {
	display:block;
	color:#828282;
	text-decoration:none;
}

#BottomLiensListe li a:hover {
	text-decoration:underline;
}

#BottomTags {
	position:relative;
	float:left;
	width:650px;
	height:auto;
	margin:2px 0 0 0;
	font-size:11px;
	text-align:center;
}


/**************************************************************************/
/****************************** Classes ******************************/
/**************************************************************************/

.imageFichier {
	position:relative;
	clear:right;
	float:right;
	width:182px;
	height:95px;
	margin:15px 0 0 0;
}

.image-lien-article {
	vertical-align:middle;
	margin:0 10px 2px 0;
}

.ecart-lien {
	margin:0 0 5px 0;
}


/**************************************************************************/
/****************************** Modal message *****************************/
/**************************************************************************/

.modalDialog_transparentDivs {	
	position:absolute;
	filter:alpha(opacity=40);
	opacity:0.7;
	background:#fff;
	z-index:1000;
}

.modalDialog_contentDiv {
	position:absolute;
	background:url(../../images/fr/contact-bkg.png) no-repeat;
	padding:30px;
	z-index:1001;
}

.modalDialog_contentDiv_shadow {
	position:absolute;
}
