@charset "utf-8";
/* CSS Document */
.clear{
	clear:both;
}
.upper {
text-transform:uppercase;
}
strong{
	color:#92112d;
}
form
{
margin:0px;
}
a img{
border:none;}
/**RTE**/
.align-center{
text-align:center!important;
}
.align-right{
text-align:right!important;
}
.align-left{
text-align:left!important;
}
.align-justify{
text-align:justify!important;
}
p{font-size:12px; text-align:justify}


body
{
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
}

.generale
{
margin:0px;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
min-height:18px;
}
/*--------------------------------contenaire de toute la page---------------------------------*/
#main{
	background-color:#ffffff;
	margin: auto; 
	width:851px;
}
   
	/*--------------------------------entete avec la zone langue recherche et compte---------------------------------*/
	
	header
	{
	width:851px;
	height:35px;
	background-image:url(../img/entete.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	}
		/*--------------------------------bloc langue---------------------------------*/
		#langue
		{
			font-size:12px;
			color:#777042;
			float:left;
			width:135px;
			height:25px;
			text-align:left;
			padding:10px 0px 0px 26px;
		}
		#langue a
		{
			font-size:12px;
			color:#777042;
			text-decoration:none;
		}
		#langue a:hover
		{
			font-size:12px;
			color:#cc3300;
			text-decoration:none;
		}
		#langue a.active
		{
			font-size:12px;
			color:#92112d;
			text-decoration:none;
		}

		/*--------------------------------bloc recherche---------------------------------*/
		td.deconnection
		{
			padding-right:16px;
		}
		td.deconnection a
		{
			font-size:12px;
			color:#777042;
			text-decoration:underline;
		}
		/*--------------------------------bloc recherche---------------------------------*/
		form{ border:0}
		legend{display:none}
		.input_submit{border:none;cursor:pointer}
		.input_text{border:none; background:none;}
		input[type="text"],input[type="password"],textarea,select{outline:none}
		#recherche
		{
			float:left;
			width:674px !important;
			height:31px;
			padding:0px 0px 0px 0px;
			text-align:right;
		}
			

			#recherche .search
			{
				border:none;
				float:right;
				width:220px;
				padding:3px 0;
				overflow:hidden;
			}
			#recherche .search .input_text
			{ 
				float:left;
				padding:4px 5px;
				background:url("../img/bg_text.gif") no-repeat ;
				width:190px;
				height:17px;
				color:#7c808a
			}
			#recherche .search .input_submit
			{
				float:left;
				background:url("../img/bg_submit.gif") no-repeat 100% ;
				width:20px;
				height:25px;
				text-indent: -10000px;
				font-size:1px;
				padding-top:16px;
			}
			
		#recherche2
		{
			width:180px;
			height:31px;
			padding:0px 0px 4px 5px;
			text-align:left;
		}
			
			#recherche2 .search
			{
				border:none;
				width:178px;
				padding:3px 0;
				overflow:hidden;
			}
			#recherche2 .search .input_text
			{ 
				float:left;
				padding:4px 5px;
				background:url("../img/bg_text.gif") no-repeat ;
				width:147px;
				height:17px;
				color:#7c808a;
			}
			#recherche2 .search .input_submit
			{
				float:left;
				background:url("../img/bg_submit.gif") no-repeat 100% ;
				width:20px;
				height:25px;
				text-indent: -10000px;
				font-size:1px;
				padding-top:16px;
			}
		/*--------------------------------bloc compte---------------------------------*/
		#compte
		{
			font-size:12px;
			color:#777042;
			float:right;
			width:180px;
			height:25px;
			text-align:left;
			padding:10px 0px 0px 26px;
		}
	/*--------------------------------slogan---------------------------------*/
	#slogan{
		padding:5px 20px 0 20px;
		background: #666 url(../img/content.gif);
		}	
		#slogan h2{
			font-size:12px;
			color:#777042;
			text-align:left;
			font-weight:normal;
			margin:0px 0px 0px 0px !important;
			padding-left:0px;
		}
		#slogan a {
			color:#777042;
			text-decoration:none;
			display:block;
		}

	/*--------------------------------banniere---------------------------------*/
	#banniere {
		background: #666 url(../img/content.gif);
		width:851px;
		overflow:hidden;
		height:119px;
		left: 0px;
		top: 0px;
		position:relative;
		margin:0 0 0px 0;
		padding:0 0 15px 0;
	}
		#logo_fr{
			float:left;
			width:246px;
			height:119px;
			margin:5px 0 0 20px;
			background:url(../img/logo_fr.png) no-repeat}
			
		#logo_en{
			float:left;
			width:246px;
			height:119px;
			margin:5px 0 0 20px;
			background:url(../img/logo_en.png) no-repeat}
	
	/*----------------------------menu de navigation---------------------------*/
	nav {
		height:36px;
		background:url(../img/content.gif);
		margin:0 ;
		padding:0 ;
	}
		#navigation{
			background-color:#777042;
			background-image:-webkit-gradient(linear,left top,left bottom,from(#777042),to(#898345));
			background-image:-webkit-linear-gradient(top,#777042,#898345);
			background-image:-moz-linear-gradient(top,#777042,#898345);
			background-image:-ms-linear-gradient(top,#777042,#898345);
			background-image:-o-linear-gradient(top,#777042,#898345);
			background-image:linear-gradient(top,#777042,#898345);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#777042',EndColorStr='#898345');
			
			border:1px solid #777042;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			-moz-user-select:none;
			-webkit-user-select:none;
			color:#fff;
			cursor:default;
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			
			height:33px;
			width:813px;
			margin:0 0 0 20px;
		}
	
	/*--------zone Ã  gauche du bloc contenu avec presentation  chambre par pays et contenu------------*/
	
	#centre
	{
		overflow:hidden;
		width:851px;
		background-image: url(../img/content.gif);
		background-position:0px 0px;
		background-repeat: repeat-y;
		padding-bottom:15px;
	}
		/*------------zone Ã  gauche du bloc  presentation et chambre par pays--------------*/
		#presentation
		{
			float:left;
			width:271px;
			padding:15px 0 0 20px;
		}
		
			#intro
			{
				float:left;
				width:238px !important;
				min-height:213px;
				text-align:left;
				padding:7px 10px 0px 10px;
				
				border:1px solid #eaeaea;	
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
				-moz-user-select:none;
				-webkit-user-select:none;

				-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
				-webkit-box-shadow:  0 1px 2px rgba(0,0,0,.3);
				box-shadow:  0 1px 2px rgba(0,0,0,.3)
			}
			
			
						#presentation h2, .bloc h2
						{
							font-size:12px;
							color:#777042;
							text-align:left;
							font-weight:normal;
							margin:0px 0px 10px 0px !important;
							padding-left:0px;
						}
						
						#presentation h2 span, .bloc h2 span 
						{
							font-size:18px;
							color:#777042;
							font-weight:bold;
						}
						
						#presentation a, .bloc a 
						{
							color:#777042;
							text-decoration:none;
							display:block;
						}
						
						#presentation h2 a span, .bloc h2 a span
						{
							color:#777042;
							text-decoration:none;
						}
						#presentation h2 a:hover span, .bloc h2 a:hover span
						{
							color:#777042;
							text-decoration:none;
						}
		
		
		/*--------------------------------zone du contenu gche---------------------------------*/
		#menu_gauche
		{
			position:relative !important;
			float:left;
			padding:0px 0px 0px 20px;
			z-index:100px;
		}
			
				.bloc 
					{
						width:193px;
						min-height:30px;
						padding:7px 0px 0px 0px;
						margin:15px 0 0 0;
						
						border:1px solid #eaeaea;
						-moz-border-radius:5px;
						-webkit-border-radius:5px;
						border-radius:5px;
						-moz-user-select:none;
						-webkit-user-select:none;
						
						-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
						-webkit-box-shadow:  0 1px 2px rgba(0,0,0,.3);
						box-shadow:  0 1px 2px rgba(0,0,0,.3)
					}
				.bloc ul{
					font-size:12px;
					margin:0;
					margin-left:-25px;
					padding-bottom:10px;
				}
				.bloc ul li{
					list-style:none;
					text-indent:18px;
					padding:0 0 5px 0px;
					background:url(../img/arrow.gif) no-repeat 0% 15%;
				}
				.bloc ul li a:hover{
					text-decoration:underline
				}
		/*--------------------------------zone du contenu centrale---------------------------------*/
	
		#contenu
		{
			float:left;
			line-height:16px;
		}
			#contenu_haut
			{
				float:left;
			}

				#appui_entreprise
				{
					width:325px;
					float:left;
					background-image: url(../img/backgrounds/appui_entreprise2.jpg);
					background-position:0px 0px;
					background-repeat: no-repeat;
					padding:0px 21px 0 5px ;
				
				}
					#visuel_appui_entreprise
					{
						width:325px;
						padding:7px 0px 0px 0px;
						margin:15px 0px 0px 0px;
						border-bottom:1px solid #eaeaea;
					}
					#visuel_appui_entreprise2
					{
						width:325px;
						padding:7px 0px 0px 0px;
						margin:15px 0px 0px 0px;
						/*border-bottom:1px solid #eaeaea;*/
					}
						#appui_entreprise h2, #articles h2
						{
							font-size:12px;
							color:#777042;
							text-align:left;
							font-weight:normal;
							margin:0px 0px 10px 0px !important;
							padding-left:0px;
						}
						
						#appui_entreprise h2 span, #articles h2 span
						{
							font-size:18px;
							color:#777042;
							font-weight:bold;
						}
						
						#appui_entreprise a, #articles a 
						{
							color:#777042;
							text-decoration:none;
							display:block;
						}
						
						#appui_entreprise h2 a span, #articles h2 a span
						{
							color:#777042;
							text-decoration:none;
						}
						#appui_entreprise h2 a:hover span, #articles h2 a:hover span
						{
							color:#92112d;
							text-decoration:none;
						}
						#appui_entreprise h2 a:hover , #articles h2 a:hover 
						{
							color:#92112d;
							text-decoration:none;
						}


				#articles
				{
					position:relative;
					float:left;
					width:405px;
					/*height:200px;*/
					margin:15px 0 0 0;
					padding:7px 10px 0px 10px;
				}
				
				#espace_membre
				{
					float:left;
					background-position:0px 0px;
					background-repeat: no-repeat;
					padding:0px 0px 0px 0px;
				}

					#visuel_espace_membre
					{
						width:180px;
						min-height:100px;
						padding:7px;
						margin:15px 0 0 0;
						background:#dfdcbd;
						
						order:1px solid #eaeaea;
						-moz-border-radius:5px;
						-webkit-border-radius:5px;
						border-radius:5px;
						-moz-user-select:none;
						-webkit-user-select:none;
						
						-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
						-webkit-box-shadow:  0 1px 2px rgba(0,0,0,.3);
						box-shadow:  0 1px 2px rgba(0,0,0,.3)
					}
		
		
					#espace_membre h2, .bloc h2
					{
						font-size:11px;
						color:#777042;
						text-align:left;
						font-weight:normal;
						width:160px;
						margin:0px auto;
						padding-left:15px;
						border-bottom:1px solid #777042;
					}
					.bloc h2
					{
						position:relative; 
						left:8px;
					}
					#menu_gauche h2 span, #espace_membre h2 span
					{
						font-size:18px;
						color:#777042;
						font-weight:bold;
					}
					
					#espace_membre a
					{
					color:#777042;
					text-decoration:none;
					}
					
					
					#menu_gauche a:hover, #espace_membre a:hover
					{
					color:#92112d;
					text-decoration:none;
					}
					
					#menu_gauche h2 a span, #espace_membre h2 a span
					{
					color:#777042;
					text-decoration:none;
					}
					#menu_gauche h2 a:hover span, #espace_membre h2 a:hover span
					{
					color:#92112d;
					text-decoration:none;
					}

/*--------------------------------footer---------------------------------*/

footer
{
	width:851px;
	height:42px;
	background-image: url(../img/footer.gif);
	background-position:0px 0px;
	background-repeat: no-repeat;
	text-align:left;
	padding:10px 0px 0px 26px;font-size:12px;
	color:#777042;
	margin:0px;
}
footer a
{
	font-size:12px;
	color:#777042;
	margin:0px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left;
	padding:0px;
}
#footer a:hover
{
	text-decoration:underline;
}
#footer span.normal
{
	font-size:12px;
	color:#777042;
	margin:0px;
	text-decoration:none;
	background-image:url(../img/separateur.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 5px 0px 5px;
}

#footer span.copyright
{
	font-size:12px;
	color:#777042;
	margin:0px;
	text-decoration:none;
	background-image:none;
	padding:0px 5px 0px 0px;
}

.conteneur, .cellule{
	height: 120px;	
	width: 170px;   
}

.conteneur{
	overflow: hidden;
	padding: 0px;
}

.cellule{
	text-align: center;	
	border: none;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}

/* propriétés de l'image contenue dans la cellule */
.cellule .image{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	height: !important;
	width: 120px;	
}