
/* CSS Document */

@import url(submenus.css);
@import url(subNav.css);
@import url(main_menu.css);
@import url(anim.css);


body 
{
	margin:0 auto;
	margin-bottom: 12px;
	background:url(../images/bk_pattern00.jpg) top repeat-x;
	background-color: #CFAF76;
	
}

/*.backtable
{
	background: url(../images/bk_pattern00.jpg) bottom repeat-x;
	background-color: #a48c61;
}*/

.note
{
	color:#F19B10;
	font-weight:bold;
}

img
{
	border:0;
}

#rightPanel
{
	float:right;
	margin-top:12px;
	bottom:0px;
	top:0px;
}

html>body #rightPanel
{
	height:auto;
}

#content
{
	background-color:#999999;
	padding-bottom:48px;
}


#leftPanel
{
	float:left;
	width:200px;
	margin:0px;
}

#copyright
{
	margin-top:15px;
	vertical-align:bottom;
	float:right;
	width:346px;
	margin-bottom:4px;
	bottom:0px;

}

#copyrightTable
{
	
	float:right;
	margin-bottom:3px;
	background-color:#F0E6CD;
	width:346px;
}

#copyrightTable .txt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7E6D51;
	line-height:1.5em;
	padding:1px;
	width:auto;
}

#copyrightTable .txt a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7E6D51;
	padding:3px;
	text-decoration:none;
}

#copyrightTable .txt a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8D7E63;
	padding:3px;
	text-decoration:underline;
}

.mentionLegale 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4B2B0A;
	padding-top:4px;
	text-decoration:none;
}

.mentionLegale a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4B2B0A;
	padding-top:4px;
	padding-right:15px;
	text-decoration:none;
}

.mentionLegale a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7E6D51;
	padding-top:4px;
	padding-right:15px;
	text-decoration:none;
}


.headerTxt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#7E6D51;
	line-height:2.0em;
	text-decoration:none;
}


.bottomlinks
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#7A592C;
	padding:3px;
	text-decoration:none;
	font-weight: normal;
}

.bottomlinks a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#7A592C;
	padding:3px;
	text-decoration:underline;
	font-weight: normal;
}

#mainImg
{
	display:table-cell;
	vertical-align:bottom;
	bottom:0;
	float:left;
	width:190px;
	margin-bottom:4px;
	visibility:hidden;
}

/* ===================   Div Content Start Here =========================*/

#switchTable
{
	float:left;
	width:390px;
	margin-bottom:10px;
}

#switchTable .Images
{
	display:block;
	margin-bottom:16px;
	width:390px;
}

#switchTable .sousTitUnivers
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#bc9a77;
	display:block;
	padding-bottom:12px;
}

#switchTable .text
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	line-height:1.4em;
	text-align:left;
}

/* ===================   Div Content End Here =========================*/


#univers
{
	float:right;
	margin-top:0px;
}

#univers td
{
	padding-bottom:4px;
}

.contentTable
{
	margin-left:10px;
}


.Txt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#676767;
	line-height:1.4em;
	padding-right:15px;
	text-align:left;
}

.txtUnivers
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4A4A4A;
	line-height:1.4em;
	text-align:left;
}

.txtDecouvrez
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-left:10px;
	padding-right:5px;
	color:#4A4A4A;
	line-height:1.4em;
	text-align:left;
}

.mainTxt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-right:80px;
	color:#676767;
	line-height:1.4em;
	text-align:left;
}

.mainTxt a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#676767;
	line-height:1.4em;
	text-align:left;
	text-decoration:underline;
}

.mainTxt a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#9F9F9F;
	line-height:1.4em;
	text-align:left;
	text-decoration:none;
}


.sousTitUnivers
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#bc9a77;
	padding-bottom:12px;
}

.searchField
{
	margin:0;
	width:145px;
	height:18px;
	background-image:url(../images/bk_search.gif);
	background-color:transparent;
	background-repeat:no-repeat;
	border:none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:5px;
	
	padding-top:2px;
	color:#434343;
}

.txtRecherche
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#4B2B0A;
	padding-left:12px;
	padding-right:25px;
	padding-bottom:0px;
}




/*==============================*/
#topNavigation{
	width:262px;
	float:right;
	margin:20px 0 0 0;
	height:26px;
	padding:0px;
	background:url(../images/bk_top_navigation.jpg) left bottom no-repeat;
}

#topNavigation a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#4B2B0A;
	font-weight:normal;
	text-decoration:none;
	padding:0;
	margin:0;	
	float:left;
	left:0;
	text-align:center;
}

#topNavigation a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}

#accueil{
	float:left;
	width:50px; /*79px; */
	text-align:left;
	margin:0px 0 0 28px;
	height:12px;
	padding:10px 0 4px 0;
	/*padding:10px 0 4px 25px;*/
}

#espace{
	float:left;
	width:80px; /*118px */
	text-align:right;
	height:12px;
	margin:0px 0 0 50px;
	padding:10px 0 4px 0;
	/*padding:10px 0 4px 20px;*/
}


#flag{
	float:left;
	width:22px; /*38px*/
	text-align:left;
	height:13px;
	margin:0px 0 0 18px;
	padding:10px 0 3px 0;
	/*padding:10px 0 3px 0px;	*/
}


*html #accueil{
	float:left;
	width:50px; /*79px; */
	text-align:left;
	margin:0px;
	height:12px;
	padding:10px 0 4px 28px;
	/*padding:10px 0 4px 25px;*/
}

*html #espace{
	float:left;
	width:80px; /*118px */
	text-align:right;
	height:12px;
	margin:0px 0 0 50px;
	padding:10px 0 4px 0;
	/*padding:10px 0 4px 20px;*/
}


*html #flag{
	float:left;
	width:22px; /*38px*/
	text-align:left;
	height:13px;
	margin:0px 0 0 20px;
	padding:10px 0 3px 0;
	/*padding:10px 0 3px 0px;	*/
}

.txtAnotherLog
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#00457C;
	height:15px;
	text-decoration:none;
}

/* Formfields */

.FormFields
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:normal;
   color:#676767;
   padding:0px;
   margin:0px;
  
}

.TextBoxFields
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   color:#676767;
   height:13px;
   width:180px;
   padding:0px;  
   height:18px;
}

.TextFields
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   color:#676767;
   width:180px;
   padding:0px;
  
}

.dropDown
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   color:#676767;
   height:20px;
   padding:0px;
  
}

/* Other texts*/

.NewsHeader{
	
   color:#E78024;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   line-height:20px;
   
}

.dateheader{

   color:#5272A9;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   line-height:20px;

}

.newslink{

   color:#676767;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   text-decoration:none;
  
}

.newslink:hover{

   color:#676767;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   text-decoration:underline;

}

.jobstxt{

   color:#908F8D;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   text-decoration:none;
   line-height:20px;

}

.BrownTxt{

   color:#CBB18E;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:Bold;
   text-decoration:none;
   line-height:20px;

}

.BrownTxt2{

   color:#9E9391;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:Bold;
   text-decoration:none;
   line-height:20px;

}

.lbl
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

.lblnote
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#676767;
	font-style:italic;
}

.alertTxt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#F2C761;
	font-weight:normal;
}

.BlackTxt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#000000;
	line-height:20px;
}

.RedTxt
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DC2C4A;
	font-weight:normal;
}

/* =========================== Div Containers for homepage ================*/

#espacesContainer
{
	float:left;
	width:342px;
	background:#F8F5F0;
	margin:0;
	padding:0;
}

#espacesContainer #topCorner
{
	float:left;
	width:342px;
	height:10px;
	background:url(../images/top_nos_espaces.gif) left top no-repeat;	
	margin:0;
	padding:0;
}

#espacesContainer #bottomCorner
{
	float:left;
	width:342px;
	height:10px;
	background:url(../images/buttom_nos_espaces.gif) left bottom no-repeat;
	margin:0;
	padding:0;
}

#espacesContainer #mapContainer
{
	float:left;
	width:305px;
	height:110px;
	background:#F8F5F0;
	margin-left:15px;
	line-height:1.6em;
	text-align:left;
	padding:0;
	background:url(../images/map_maurice.jpg) right top no-repeat;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

#mapContainer  a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5B4D33;
	padding-right:5px;
	padding-left:5px;
	text-decoration:none;
}

#mapContainer a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#5B4D33;
	padding-right:5px;
	padding-left:5px;
	text-decoration:underline;
}


#actualitesContainer
{
	float:left;
	width:342px;
	background:#F8F1E7;
	margin:0px;
	padding:0px;
}

#actualitesContainer div
{
	float:left !important;
	float:none;
	/*overflow: hidden; */
	margin:0px auto;	
	padding:0 0 0 10px;
}


#actualitesContainer #topActu
{
	float:left;
	width:342px;
	height:10px;
	background:url(../images/top_actualites.gif) left top no-repeat;	
	margin:0;
	padding:0;
}

#actualitesContainer #bottomActu
{
	clear:both;
	float:left;
	width:342px;
	height:10px;
	background:url(../images/bottom_actualites.gif) left bottom no-repeat;
	margin:0px;
	padding:0px;
}

/* Les Marques Pages Wrapper */
#wrapper
{
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#676767;
	line-height:1.4em;
	text-align:left;
}

#imgWrapper
{
	float:right;
	width:auto;
	margin:0px;
	padding:0px;
}

.clearItem:after
{
	content: ".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}



#wrapper a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#676767;
	line-height:1.4em;
	text-align:left;
	text-decoration:underline;
}

#wrapper a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#9F9F9F;
	line-height:1.4em;
	text-align:left;
	text-decoration:none;
}


#wrapper .listItems
{	
	float:left;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}

#wrapper .listItems ul
{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;	
}

#wrapper .listItems li
{
	list-style:none;
}

#wrapper .listItems ul li
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#676767;
	line-height:1.8em;
	font-weight:normal;	
	list-style:none;
	margin:0px;	
	margin-left:30px;
	padding-left:20px;
	padding-right:10px;	
	background-image:url(../images/arrow_indicator.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/*===================================================================================

								DATA GRID
===================================================================================*/

.dataGrid{
	float:left;
	display:block;
	z-index:20;
	background:#fff;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#676767;
}

.dataGrid td{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#676767;
		border:1px solid #caab77 !important;
}

.dataGrid .Header td{
	background:#e7820e !important;
	color:#FFFFFF;
	border-bottom:1px solid #fff !important;
	border-top:1px solid #e7820e !important;

}
