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

a img {
	border:none;
}

html, body {
	background:url(../../images/fr/bkg.jpg) no-repeat top center;
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#828282;
}

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

a:hover {
	text-decoration:none;
}

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

#Top {
	position:relative;
	width:818px;
	height:75px;
	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:818px;
	height:425px;
	margin:0 auto 0 auto;
}

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

#EspacePro {
	position:relative;
	background:url(../../images/fr/espacepro-bkg.png) 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;
}

#LeftContainer .visuel {
	position:relative;
	float:left;
	width:230px;
	height:113px;
	margin:0 0 0 29px;
	padding:8px;
	display:inline;
}

#LeftContainer .visuel a {
	display:block;
}

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

#LeftContainer .visuel .ombre {
	position:absolute;
	width:246px;
	height:129px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-public.png) no-repeat;
}

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

#LeftContainer .visuel-last {
	position:relative;
	float:left;
	width:230px;
	height:113px;
	margin:10px 0 0 29px;
	padding:8px;
	display:inline;
}

#LeftContainer .visuel-last a {
	display:block;
}

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

#LeftContainer .visuel-last .ombre {
	position:absolute;
	width:246px;
	height:129px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-public.png) no-repeat;
}

#LeftContainer .visuel-last .ombre-new {
	position:absolute;
	width:246px;
	height:129px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-new-public.png) no-repeat;
}

#RightContainer {
	position:relative;
	float:left;
	width:504px;
	height:425px;
	margin:0 0 0 3px;
	display:inline;
}

#VisuelGrand {
	position:relative;
	float:left;
	width:485px;
	height:239px;
	margin:32px auto 0 auto;
	padding:8px;
}

#VisuelGrand a {
	display:block;
}

#VisuelGrand a:hover {
	width:485px;
	height:239px;
	opacity:0.6; 
	filter:alpha(opacity=60); 
	-moz-opacity:0.6;
}

#VisuelGrand .ombre {
	position:absolute;
	width:501px;
	height:255px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-public-grande.png) no-repeat;
}

#VisuelGrand .ombre-new {
	position:absolute;
	width:501px;
	height:255px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-new-public-grande.png) no-repeat;
}

#RightContainer .visuel {
	position:relative;
	float:left;
	width:230px;
	height:113px;
	margin:10px 0 0 0;
	padding:8px;
	display:inline;
}

#RightContainer .visuel a {
	display:block;
}

#RightContainer .visuel a:hover {
	width:230px;
	height:113px;
	opacity:0.6; 
	filter:alpha(opacity=60); 
	-moz-opacity:0.6;
}

#RightContainer .visuel .ombre {
	position:absolute;
	width:246px;
	height:129px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-public.png) no-repeat;
}

#RightContainer .visuel .ombre-new {
	position:absolute;
	width:246px;
	height:129px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-new-public.png) no-repeat;
}

#RightContainer .visuel-last {
	position:relative;
	float:left;
	width:230px;
	height:113px;
	margin:10px 0 0 9px;
	padding:8px;
	display:inline;
}

#RightContainer .visuel-last a {
	display:block;
}

#RightContainer .visuel-last a:hover {
	width:230px;
	height:113px;
	opacity:0.6; 
	filter:alpha(opacity=60); 
	-moz-opacity:0.6;
}

#RightContainer .visuel-last .ombre {
	position:absolute;
	width:246px;
	height:129px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-public.png) no-repeat;
}

#RightContainer .visuel-last .ombre-new {
	position:absolute;
	width:246px;
	height:129px;
	margin:-8px 0 0 -8px;
	background:url(../../upload/ombre-new-public.png) no-repeat;
}

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

#Bottom {
	position:relative;
	width:880px;
	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:120px;
	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 12px 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;
}


/**************************************************************************/
/****************************** 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;
}


/**************************************************************************/
/****************************** Questionnaire *****************************/
/**************************************************************************/

#Questionnaire {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background:#666;
	filter:Alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#QuestionnaireContenu {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1000;
}

#QuestionnaireContenuContainer {
	position:relative;
	width:400px;
	height:210px;
	margin:240px auto 0 auto;
	padding:10px;
	background:#fff;
	filter:Alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	border:1px solid #666;
	font-size:0.9em;
}

#QuestionnaireContenuFermer {
	position:absolute;
	width:25px;
	height:25px;
	top:-15px;
	left:408px;
	z-index:10000;
}