/* Inititalisations ------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

html,body {
	height: 100%;}

/* Ceci doit forcer l'affichage d'une scrollbar verticale dans Firefox
		   et tout ¦a parce que IE en affiche une en permanence 
*/
html {
	height: 100.02%;
}

/* Sp+cifique IE */
* html { /*left: 659px;*/
	
}

body {
	background-color: #fbe1e2;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

ins,a {
	text-decoration: none;
}
a:hover {text-decoration:underline}

table * {
/* 	font-size: 8pt */
}
table a {
font-size: 9pt
}

select,input{border:1px solid #DBDBDB}
/* Inititalisations ------------------------------------------------------*/
.spacertest {
	clear: both
}

#main {
	width: 770px;
	margin: auto;
	background: #FFFFFF;
	}

#maintenance p {
	background:yellow;
	text-align:center;
	padding:2px;
}

.error {
	font-weight: bold;;
	color: red;
}

.message {
	font-style: italic;;
	color: green;
}

.mandatory {
	padding-left: 5pt;;
	font-weight: bold;;
	color: red
}

div.spacer {
	height: 1px;
	clear: both;
	background: none;
	width: 100%;
}

#prefoot {
	background: #FFFFFF;
}

.right {
	float: right;
}

.alt {
	display: none;
}

#footer {
	background: #de0307;
	text-align: center;
	color: #FFFFFF;
	font-weight: lighter;
}

.clearboth {
	clear: both
}

.floatleft {
	float:left
	}
	
.textright {
	text-align: right
}

.ctbloc	{
	margin:0 auto
}
.cttext { 
	text-align:center}	
.w50 {width:50%}
.w90 {width:90%}
.w95 {width:95%}
.w85 {width:85%}

#mailing .w95 *{font-size:11px; padding: 0}
#mailing .w95 .odd td{background-color: #F0E8F3;}


/* LOGIN BOX START ----------------------------------------------------*/
#flyingbox {
	width: 220px;
	position: absolute;
	top: -40px;
	right: 10px;
	z-index:5;
}
.tabset {}
		
#alltabs {position:relative;
		
			}

#alltabs li.tab5 span{
		background-image: url(../images/habillage/generic/tabset_background.gif);
		background-position: left bottom;
		background-repeat:repeat-x;
		height:44px; 
		width:240px;
		display:block}

#myForm div {
	padding: 2px;
}

#promptLogin label   , #promptLogin  #password_field label {
	margin-right: 5px
	
}
#promptLogin label,#promptLogin input {margin-bottom:2px}
#promptLogin  #login_field   , #promptLogin  #password_field {
	border: 0px;
	width: 110px;
}

#promptLogin .oklogin {
	border: 0px;
	background-image: url(../images/habillage/generic/login_button_ok.jpg)
}
	#promptLogin .phat {
		display: block;
		height: 30px;
		font-weight: bold;
		font-size: 15px
}
  	.atbold{font-weight:bolder;color:white;clear:both}
  	.atright2{float:right}
	#loginbox .right-45pc {margin-right:2px;text-align:right; font-weight:bold}	
	

	.login2{display:block}
	.login2 *{
	  display:block;
	  height:1px;
	  overflow:hidden;
	  font-size:.01em;
	  background:#AE6BC1;
	 }
	.login21{
	  margin-left:3px;
	  margin-right:3px;
	  padding-left:1px;
	  padding-right:1px;
	  border-left:1px solid #dcbfe4;
	  border-right:1px solid #dcbfe4;
	  background:#c290d0}
	.login22{
	  margin-left:1px;
	  margin-right:1px;
	  padding-right:1px;
	  padding-left:1px;
	  border-left:1px solid #f6f0f8;
	  border-right:1px solid #f6f0f8;
	  background:#bd87cc}
	.login23{
	  margin-left:1px;
	  margin-right:1px;
	  border-left:1px solid #bd87cc;
	  border-right:1px solid #bd87cc;}
	.login24{
	  border-left:1px solid #dcbfe4;
	  border-right:1px solid #dcbfe4}
	.login25{
	  border-left:1px solid #c290d0;
	  border-right:1px solid #c290d0}
	
	.login2fg{
	  background:#AE6BC1;
	  color:white;
	  padding:2px;
	  font-size:11px;
	  }
	.login2fg a{
	  color:white;}	 	
	
	.login2fg {
	 background:#AE6BC1;
	}




/* GESTION DU PORTLET ----------------------------------------------------*/
			z.portlet {
				position: relative;
			}
			
			.portletSwitch {
				margin: 5px;
				display: block;
				float: right;
				background-position: top right;
				background-repeat: no-repeat;
				text-decoration: none;
				height: 16px;
				width: 16px;
			}
			
			.portletSwitch:hover {
				text-decoration: none
			}
			
			.on .portletSwitch {
				background-image: url(../images/habillage/generic/portlet_open.gif);
			}
			
			.off .portletSwitch {
				background-image: url(../images/habillage/generic/portlet_closed.gif);
			}
			
			.portletContent {
				margin: 1px;
				/*position:absolute*/;
			}
			
			.off .portletContent {
				display: none
			}
			
			.portlet .on div.portletContent {
				clear: both;
				display: block;
				visibility: visible;
			}
			
			div.portletContent a {
				text-decoration: none
			}
			
			div.portletContent a:hover {
				text-decoration: underline;
			}

/* STYLES COLONNES ----------------------------------------------------*/
			.floatleft {
				float:left}
			.left-20pc {
				float: left;
				width: 20%
			}
			
			.left-50pc {
				float: left;
				width: 50%
			}
			
			.left-45pc {
				width: 45%
			}
			
			.right-45pc {
				float: right;
				width: 45%
			}
			
			.right-50pc {
				float: right;
				width: 45%
			}
			
			.right-80pc {
				float: right;
				width: 80%
}

/* ENTETE  ----------------------------------------------------*/
		#header {
			width: 770px;
			height: 107px;
		}

/*************************************************** Banniere */
#header {
	position :relative
}

#header a.banner {
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	width: 770px;
	height: 107px
}

/*************************************************** Logo Cliquable */
#language {
	font-size: 10px;
	padding-left: 4px;
	text-align:right
}

#language a {
	margin-right: 10px;
	padding: 2px;
	color: white;
}

#language .ajax_change_languageEN {
	background: #0072BE
}

#language .ajax_change_languageES {
	background: #009253
}

#language .ajax_change_languageFR {
	background: #AE6BC1
}

#language .english {
	background: #0072BE
}

#language .spanish {
	background: #009253
}

#language .french {
	background: #AE6BC1
}

/*************************************************** Login Box */



/*-------------------------------------------------------------------*/
	/*---------------------------------------------------------------------------*/
	/* Sp+cifique IE */
#help {
	display: none;
}

/* ONGLETS  -------------------------------------------------------*/
	/*STRUCTURE DES ONGLETS*/


.tabset a {
	text-decoration: none;
}

.tabset li {
	display: inline;
	list-style-type: none;
}

.tab1_off,.tab2_off,.tab3_off,.tab4_off,.tab5,.tab1_on,.tab2_on,.tab3_on,.tab4_on
	{
	display: block;
	float: left;
	height: 44px;
}

.tab1_off,.tab1_on {
	width: 122px
}

.tab2_off,.tab2_on {
	width: 146px
}

.tab3_off,.tab3_on {
	width: 144px
}

.tab4_off,.tab4_on {
	width: 113px
}



/* BARRE DE RECHERCHE GLOBALE -----------------------------------------------*/
			#globalsearchLocation {
				float:right;
				height: 44px;
				width: 245px;
			}
			
		/*#global_list_doc {
				clear:both
			}*/
			
			#global_list_doc .portletContent {
				clear:both;
				padding: 3px 5px;
				background: #F0E8F3;
				border: 1px solid #AE6BC1;
				width:200px;
				position:relative !important				
			}
			
			
			#global_list_doc .inputField {
				float: right;
				border: 0px;
				margin-top: 8px;
				margin-right: 2px;
			}
			
			#global_list_doc .boutons2 {
				float: right;
				width: 17px;
				margin-right: 2px;
			}
			
			#global_list_doc .portletSwitch {
				margin: 0px
			}
			
			.boutons2 input,.butons2 a {
				margin: 2px;
				height: 16px;
				width: 16px;
				display: block;
				clear: right;
				border: 0;
				background: url(../images/habillage/generic/ok_button_globalsearch.gif)
					no-repeat 0 0
			}
			
			.atright {
				float: right;;
				color: white
			}

/*---------------------------------------------------------------------------*/


#mainContainer {
	background: #ffffff;
}

#content {
	margin: 5px;
	margin-top: 0;
	border: 1px solid #cccccc;
}

/* Page d'accueil :Structure---------------------------------------*/
#reception {
	width: 770px;
	background: url(../images/reception_bg.gif)  repeat-y;
	
	/*overflow:auto;*/
}

#receptionPublication {
	float: left;
	width: 451px;
	/*height: 100%;*/
	background: #dfecf5;
	padding-bottom: 20px;
}

#receptionPublication_col1 {
	float: left;
}

#receptionPublication_col2 {
	float: left;
	width: 177px;
	/*height: 770px;*/
}

#receptionTools {
	background-color: #f8f5d4;
	width: 319px;
	float: left;
	height: auto;
	padding-bottom: 20px;
	/*text-align:center;*/
}

/* HOME :PUBLICATION ---------------------------------------*/



/*********************** ACTUALITES *************************/
#latestNews {
	margin: 7px 0px 0px 8px;
	width: 266px;
	height: auto;
	background: url(../images/actu_bg.gif);
	margin-bottom: 25px;
}

#latestNews a {
	font-weight: bold;
	color: #764683
}

#latestNews a:hover {
	text-decoration: underline;
}

#latestNews h5 {
	width: 266px;
	background: url(../images/actu_h5.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	height: 11px;
}

#latestNews #actualites {
	height: auto;
	padding: 0px 4px 20px 14px;
}

#latestNews h2 * {
	font-size: 13px
}

#latestNews h2,#latestNews h3 {
	margin-top: 10px
}


#latestNews h3,#latestNews h4,#latestNews .mea { 
/*margin-left: 5px;
margin-right:1px;*/
	height: 100%;
}

#latestNews .mea {
	margin-top: 10px;
	margin-bottom: 10px
}


#latestNews h3 a {
	color: #764683
}

#latestNews h4 {
	margin-top: 20px;
	font-size: 14px;
	font-weight: bolder;
}

#latestNews .mea {
	font-size: 12px;
}

#latestNews .colg {
	float: left;
	margin: 2px 2px 0px 2px;
}

#latestNews .cold {
	float: right;
	margin: 2px 2px 0px 2px;
}

#latestNews a.all {
	display: block;
	text-align: right;
	margin-top: 5px;
	margin-left: 32px;
	margin-right: 5px;
}

/*********************** COMMUNIQUES DE NOS MEMBRES *************************/
#newsRelease {
	width: 266px;
	height: auto;
	background: url(../images/newsrelease_bg.gif);
	margin: 18px 0px 0px 8px;
	position: relative;
	color: #FFFFFF;
}

#newsRelease a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#newsRelease a:hover {
	text-decoration: underline;
}

#newsRelease a.all {
	display: block;
	text-align: right;
	color: #FFFFFF;
	margin: 0px 3px 5px 0px;
}

#newsRelease h3 {
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 5px;
	font-size: 10px;
}

#newsRelease h3 a {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: lighter;
}

#newsRelease h3 span {
	font-size: 0.9em;
	font-weight: normal;
}

#newsRelease h4 {
	margin-left: 30px;
	font-size: 11px;
	font-weight: lighter;
}

#newsRelease a.allMemberReleases {
	display: block;
	text-align: right;
	margin-top: 5px;
	margin-left: 32px;
	margin-right: 5px;
	color: #FFFFFF;
}

#newsRelease h5 {
	width: 266px;
	height: 11px;
	background: url(../images/newrelease_h5.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

/***********************PRESS RELEASE*************************/
#pressRelease {
	position: relative;
	width: 158px;
	height: auto;
	background: url(../images/pressrelease_bg.gif);
	background-repeat: repeat-y;
	margin: 7px 0px 0px 8px;
	padding: 0px;
	color: #000000;
}

#pressRelease a {
	font-size: 11px;
	text-decoration: none;
}

#pressRelease a:hover {
	text-decoration: underline;
}

#pressRelease h3 {
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 9px;
}

#pressRelease h3 a {
	color: #000000;
}

#pressRelease h3 a {
	font-size: 11px;
	font-weight: lighter;
}

#pressRelease h4 {
	font-size: 10px;
	margin-left: 32px;
	margin-top: 10px;
	margin-right: 5px;
}

#pressRelease a.all {
	display: block;
	margin: 5px 5px 0px 32px;
	text-align: right;
	color: #2E92B6;
}

#pressRelease h5 {
	width: 158px;
	height: 8px;
	background: url(../images/pressrelease_h5.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

/*********************** COMINGS AND GOINGS *************************/
#comingsGoings {
	position: relative;
	margin: 13px 0px 0px 8px;
	padding: 0px;
	width: 158px;
	height: auto;
	color: #000000;
	background: url(../images/comingsgoings_bg.gif);
	display: none;
}

#comingsGoings a {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}

#comingsGoings a.all {
	display: block;
	text-align: right;
	color: #2e92b6;
	margin: 0px 5px 10px 35px;
}

#comingsGoings a:hover {
	text-decoration: underline;
}

#comingsGoings h3 {
	font-size: 11px;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#comingsGoings h3 a {
	font-size: 11px;
	font-weight: lighter;
	text-decoration: none;
}

#comingsGoings h3 a {
	color: #000000;
}

#comingsGoings a.allComingsGoings {
	display: block;
	text-align: right;
	margin-top: 5px;
	margin-left: 32px;
	margin-right: 5px;
	color: #2E92B6;
}

#comingsGoings h5 {
	width: 158px;
	height: 8px;
	background: url(../images/comingsgoings_h5.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

/*********************** A NE PAS MANQUER *************************/
#dontMiss {
	position: relative;
	width: 158px;
	height: auto;
	background: url(../images/dontmiss_bg.gif) repeat-y;
	margin: 7px 5px 5px 8px;
	padding: 0px;
	color: #000000;
	font-size: 10px;
	/*display: none*/
}

#dontMiss a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	margin-left: 10px;
}

#dontMiss a:hover {
	text-decoration: underline;
}

#dontMissContent {
	margin: 10px 10px 10px 10px;
}

#dontMiss h5 {
	width: 158px;
	height: 6px;
	background: url(../images/dontmiss_h5.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

#dontMiss p {
	margin: 10px;
	font-size: 11px;
}

/* Page d'accueil :OUTILS ---------------------------------------*/
#toolsContent {
	width: 296px;
	background: url(../images/tools_background.gif);
	margin: 4px 0px 0px 6px;
}

/*
		#toolsContent h1{
			width:296px;
			height:33px;
			background:url(../images/outils_fr.gif);
			background-repeat:no-repeat;
		}	
	*/
#toolsContent h2 {
	width: 296px;
	height: 6px;
	background: url(../images/tools_down.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

/******* LE MEMO *********/
#toolsMemo {
	margin: 10px 0px 0px 6px;
	width: 284px;
	background: url(../images/tools_memo_back.gif);
}

#toolsMemo h1 {
	width: 284px;
	height: 6px;
	background: url(../images/tools_memo_top.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#toolsMemo p {
	margin: 0px 7px 0px 7px;
}

#toolsMemo h5 {
	width: 284px;
	height: 7px;
	background: url(../images/tools_memo_down.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

/************* RECHERCHE DOCUMENTAIRE ************/
#documentSearch {
	width: 284px;
	margin: 10px 0px 0px 6px;
	background: url(../images/tools_docsearch_back.gif)
}

#documentSearch h1 {
	width: 284px;
	background: url(../images/tools_docsearch_top.gif);
	background-repeat: no-repeat;
}

#documentSearch h5 {
	width: 284px;
	height: 6px;
	background: url(../images/tools_docsearch_down.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#documentSearch h3 {
	font-size: 11px;
	font-weight: lighter;
}

#documentSearch label {
	margin: 5px;
	margin-top: 0;
	margin-left: 10px;
	display: block;
}

/*				
		#directorySearch{
			margin: 10px 0px 6px 0px;
			width: 296px;
			height: 134px;
			background:url(../images/annuaire_bg.gif);
		}
			*/ /*#directorySearch h1{display:none;}*/
	/************* PROCHAINES REUNIONS ************/
#nextMeetings {
	width: 284px;
	margin: 10px 0px 0px 6px;
	background: url(../images/tools_meetings_back.gif) /*font-size:11px;
			position:relative;
			margin: 0px 0px 0px 14px;
			padding: 0px -15px 0px 0px;
			padding-top:50px;
			width: 296px;
			background:url(../images/nextmeetings_bg.gif);*/
}

#nextMeetings h1 {
	width: 284px;
	background: url(../images/tools_meetings_top.gif);
	background-repeat: no-repeat;
	/*		
			display:block;
			position:absolute;
			top:0px;
			left:0px;
			width: 296px;
			height: 32px;
			background:url(../images/nextmeetings_title.gif);
			background-repeat:no-repeat;
			*/
}

#nextMeetings h3 {
	margin-bottom: 4px
}

#nextMeetings h3 a {
	display: block;
	margin: 0px 0px 0px 20px;
	padding: 2px 0px 0px 2px;
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	color: #333333;
}

#nextMeetings h3 a:hover {
	text-decoration: underline;
}

#nextMeetings h4 {
	display: block;
	width: 100px;
	height: 17px;
	margin: 10px 0px 0px 15px;
	padding: 2px 0px 0px 2px;
	background: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#nextMeetings h5 {
	width: 284px;
	height: 6px;
	background: url(../images/tools_meetings_down.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#nextMeetings form {
	margin: 20px 5px 0px 15px;
	padding-bottom: 15px;
}

#nextMeetings form #nextMeetingsSearch_field {
	width: 50px;
	height: 20px;
}

#nextMeetings a.all {
	display: block;
	text-align: right;
	font-weight: bold;
	color: #333333;
	font-size: 11px
}

/************* A NE PAS MANQUER ************/
#reception #links {
	width: 284px;
	margin: 10px 0px 0px 6px;
	background: url(../images/tools_links_background.gif)
}

#reception #links a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
	margin-left: 15px;
}

#reception #links a:hover {
	text-decoration: underline;
}

#reception #links a img {
	border: 1px solid #333333;
}

#links h5 {
	width: 284px;
	height: 6px;
	background: url(../images/tools_meetings_down.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#reception #links p {
	margin: 5px 0px 0px 15px;
	font-weight: bold;
	font-size: 11px;
	color: #97910B;
}

/************************************/
#list_doc {
	margin: 0px 0px 0px 21px;
	text-align: left;
}

#list_doc h3 {
	margin: 5px;
}

#preferences #list_doc {
	margin: 0px;
	text-align: left;
}

#preferences #list_doc h3 {
	font-size: 10px;
	font-weight: bolder;
	color: #000000;
	display: block;
	width: 70px;
	float: left;
	text-align: right;
	line-height: 10px;
}

#list_doc .inputField {
	float: left;
	width: 65%;
	margin-top: 4px;
}

#list_doc .button {
	width: 21px;
	height: 21px;
	margin-top: 4px;
	margin-left: 4px;
	border-width: 0px 0px 0px 0px;
	background-image: url(../images/habillage/generic/ok_button_tool_1.gif);
}

#list_doc .dsearchinp {
	width: 210px;
}

#documentSearch .btn_ok {
	border: none;
	background-image: url(../images/btn_ok.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/* Publication ----------------------------------------------------------*/
#display_article li,#display_article ul {
	list-style-type:disc;
	padding-left: 15px
}



/* PORTLET PUBLICATION */
portletLook.portletContent {
	margin: 5px;
}

#publication_latestNews {
	
}

#publication_latestNews p {
	margin: 5px;
}

#publication_latestNews h3 {
	margin: 5px;
	margin-top: 0;
}

#publication_latestNews h4 {
	font-style: italic;
	margin-top: 10px;
	margin-left: 5px;
}

#publication_latestNews a {
	color: inherit;
}

#publication_latestNews a.all {
	color: #d01818;
	margin: 5px;
	margin-top: 10px;
	display: block;
}

#publication_latestNews .field {
	margin-top: 5px;
	text-align: center;
}

#publication_latestNews .field select {
	width: 100px;
	border: 1px solid black;
}

#publication_latestNews {
	margin-left: 55px;
	float: left;
}

#publication_latestNews img.image1 {
	margin: 5px;
	margin-top: 0;
	margin-left: 25px;
	float: left;
}

#publication_latestNews a.details {
	color: #d01818;
}

#article {
	background-color: white;
}

#article form #colonne-g {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 20%;
	background: #FFFFFF;
}

#article form #colonne-d {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 80%;
	background: #FFFFFF;
}

#article_menu_container {
	padding-top: 10px;
	width: 150px;
	margin-right: 5px;
	float: left;
}

#article_menu .child {
	background-position: top left;
	background-repeat: no-repeat;
}

#article_menu .child li {
	list-style-type: none;
}

#article_menu .child .off {
	background-image: url(../images/treenode_expand_plus.gif);
}

#article_menu .child .on {
	background-image: url(../images/treenode_expand_minus.gif);
}

#article_menu .child .off ul {
	display: none;
}

#article_menu .child .on ul {
	display: inline;
}

#article_content {
	width: 745px;
	float: left;
}

#article_content h1 {
	margin-bottom: 10px;
}

#article_headline {
	width: 215px;
	margin-right: 5px;
	float: left;
}

#article_headline p {
	font-weight: bold;
}

#article_headline .photo {
	margin: 10px;
}

#article_text {
	width: 520px;
	margin-right: 5px;
	float: left;
}

#article_text .print {
	border: 1px solid black;
	padding: 5px;
}

#article_text .links {
	border: 1px solid black;
	margin: 10px;
	padding: 10px;
}

#article_text .links li {
	list-style-type: none;
}

#article_text h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}



/*------------------------Tools--------------------*/
.menu { /*background-color: transparent;
		text-align: center;
		height: 20px;*/
	
}

.menu li {
	list-style-type: none;
	display: inline;
	list-style: none;
}

.menu a {
	background-position: 0% 50%;
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 15px;
	white-space: nowrap
}

/*#tools .menu {
		text-align: center;
		/*width:770px;
		height: 21px;
	}*/
	#toolsMenu {
		background-color: #B78FC3;
		font-size: 9pt;	
	}

#toolsMenuContainer {
	background-color: #B78FC3;
	padding-bottom: 3px
}

#toolsMenuContainer ul {
	background: #F0E8F3;
	text-align: center
}

#toolsMenu li {
	display: inline;
}

#toolsMenu a {
	color: #A4A4A4;
	font-weight: bolder;
	padding: 0px 3px;
	text-decoration: none;
}

#toolsMenu a:hover,toolsMenu a.on {
	background-color: #B78FC3;
	color: white;
}

/*
	*#tools .menu ul{
	list-style-type:none;
	}*/
#tools .menu a {
	background-position: 0% 50%;
	background-repeat: no-repeat;
	text-decoration: none;
}

#tools .contentTile {
	background-color: #d01818;
	margin-left: 5px;
	border: 1px solid #cccccc;
	height: 60%;
}

#tools .search a {
	text-decoration: none;
	color: black;
	font-weight: bold;
}

a.sel {
	font-weight: bold;
	color: #000000;
	background: url(../images/puce_menutools.gif) no-repeat;
}

/*------------------------Annuaire-------------------*/
#OfficeForm div.field2 {
	float: left;
	text-align: left;
	margin-left: 0px;
}

#OfficeForm div.field2 label,#JobForm div.field2 label   , #ListForm div.field2 label,#ListGestionForm div.field2 label
	{
	text-align: left;
	margin-left: 13px;
}

#ListGestionForm div.field2 label {
	margin-left: 0px;
}

#ListGestionForm div.leftList label {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#ListGestionForm div.leftList {
	margin-top: 20px;
	float: none;
	height: auto;
	margin-bottom: 15px;
	width: 650px;
}

#ListGestionForm div.leftList #selection {
	float: left;
	display: block;
	width: 300px;
	margin-right: 10px;
}

#ListGestionForm div.leftList #selection select {
	border: 1px solid #333333;
}

#OfficeForm div.field {
	float: left;
}

#PersonForm div.field2 label {
	text-align: left;
	margin-left: 0px;
}

#PersonForm input {
	
}

#PersonForm div.field input {
	width: auto;
	margin-top: 0px;
}

/*------------------------------------------------------------------*/
	/*

div#colonne-g {
 	float: left;
 	margin: 0px 0px 0px 0px; 
 	padding: 0px;
 	width: 330px;
	background-color: white;
}
 
div#colonne-d {
	float: right;
	margin: 0px 20px 0px 0px; 
	padding: 0px;
	width: 900px;
	background-color: white;
}
*/
div.tableau table {
	margin-left: auto;
	margin-right: auto;
}

div.tableau th {
	font-size: 10px;
	text-align: left;
	width: 200px;
}

div.tableau td {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	width: 100%;
}

div.tableau2 table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
}

div.tableau2 th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 300px;
}

div.tableau2 td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	width: 70%;
	height: 30px
}

div.introduction p {
	margin: 0px 0px 0px 0px;
	padding: 15px 10px 20px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.form01 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 150px;
	height: 14px;
	text-align: left;
	border: 1px solid #CCDBE0;
}

.bouton01 { 
	margin: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #427C8E;
	height: 20px;
	text-align: center;
	border: 1px solid #CCDBE0;
	background-color: #EFF1F6;
	cursor: pointer;
}

.boutonFile {
	position: relative;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #427C8E;
	width: 400px;
	height: 20px;
	text-align: center;
	border: 1px solid #CCDBE0;
	background-color: #EFF1F6;
}

.textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 150px;
	height: 60px;
	text-align: left;
	border: 1px solid #CCDBE0;
}


div.titre p {
	height: 1%;
	margin: 0px 0px 0px 0px;
	padding: 15px 30px 10px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #427C8E;
	background-image: url(../images/bck_titre.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

div.bordure2 {
	clear: both;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C6D7DD;
	line-height: 15px;
}

#footer p {
	color: #FFFFFF;
	font-size: 10px;
}

#pop_up {
	font-weight: bold;
	color: #FF0000;
	position: absolute;
	display: none;
}

#article_popup form .creation table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
}

#article_popup form .creation table th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 150px;
}

#article_popup form .creation table td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	width: 400px;
	height: 30px
}

#article_popup form .button {
	position: relative;
	margin: 20px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #427C8E;
	width: 150px;
	height: 20px;
	text-align: center;
	border: 1px solid #CCDBE0;
}

#article_popup form .inp400 {
	width: 400px
}

#article_popup form .inp200 {
	width: 200px
}

.zoomable_image {
	cursor: pointer;
}

/***************MAILING*/
#mailing .trois-colonnes {
	float: left;
	width: 33%;
}

#mailing textarea {
	width: 99%
}

#display_article #colonne-dd .thisContent {
	margin: 10px;
	padding: 5px
}

/*NOTIFICATION  ---------------------------------------*/
#notificationData {
	font-size: 11px;
	margin: 10px
}

#notificationData .sortable {
	background: #D4B8E2
}

#notificationData .odd {
	background-color: #F3EBF7
}

#notificationData .even {
	
}

/*Preferences Utilisateurs  ---------------------------------------*/
#userFormId {
	text-align: center
}

#userFormId h4,#prefsUserForm h4 {
	background: #AE6BC1;
	color: white;
	font-size: 16px;
	padding: 2px
}

#userFormId .maindiv {
	margin: 0px 60px;
	border: 1px solid #AE6BC1;
	font-size: 12px
}

#userFormId label {
	font-size: 14px;
	padding:	3px
}

formAffichageArticles .listeArticlebloc {
	padding-top: 6px
}

#formAffichageArticles .thisContent h4 {
	font-size: 12px
}

#formAffichageArticles .thisContent h3 a {
	font-size: 14px;;
	color: #8e52a1
}

#prefsUserForm {
	margin: 2% 25%;
	padding: 5px;
	border: 1px solid #AE6BC1;
}

#floatMan { /*position:absolute*/
	
}

#overlay {
	background: black;;
	position: relative
}

.voeuxskip {
	color: white;
	font-size: 9pt
}




/* BACKOFFICE */

#BackOffice {font:0.85em Verdana}
table.resultTable {width:95%;margin:0 auto}

/*HOME PERTIMM*/
#homesearchbar {
	padding:10px;
	clear:both;
	background:#F0E8F3;
	border:3px solid white
	}
#homesearchbar input {
		height:30px;
		}
#homesearchbar input#searchbar_Word {
		border-left :1px solid #D4D0C8;
		}