/* ******************** */
/*  TABLE DES MATIERES  */
/* ******************** */

/*
1-   Conventions de nommage et d'écriture - Naming conventions
2-   Actions du site - Site actions
3-   Bienvenue / Welcome
4-   Recherche - Search
5-   Fil d'ariane - Breadcrumb
6-   Mini console
7-   Barre de navigation latérale gauche / quicklaunch
8-   Titre ZoneTitre - title
9-   Module multilingue - Multilingual module
10-  Page Header
*/

/* 1- Conventions de nommage et d'écriture - Naming conventions

> Nommage des fichiers images (images autres que celles provenant par défaut de sharepoint): ID_label_format.extension
> Les ID commencent par une majuscule, les class par une minuscule - Décrivent une fonctionnalité plutôt qu'une apparence
> Nommer comme suit: parent_enfant (Exemple: #header #header_navbar #header_logo)
> Répéter dans le nom des class, le nom des ancêtres
> Pour une seule propriété à afficher, écrire le tout sur une seule ligne
> Indenter le code pour mettre en évidence les dépendances entre chaque éléments CSS d'une même classe !
> Utiliser espaces et commentaires pour séparer les portions de code logiquement différents
> Grouper les élements, tags par type et les ordonner dans une séquence logique
> ordonner alphabétiquement les propriétés 
> séparer le code en catégories pour une meilleure maintenance (typographie - structure - Liens(LVHA) - etc)

*/ 


/*2- Menu Actions du site / Site Action ********************************************************************************* */

	#SiteActions{
		background:url('/_layouts/images/UNESCO/Bullets/BulletLink_general_3x5.gif') no-repeat 17px 12px;
		border:none;
		line-height:29px;
		padding:0 17px 0 27px;		
		}

		/* -------  Override des conteneurs par défaut du composant sharepoint Menu du site / Site Actions ------- */
	
		#SiteActions div div div{
			background:transparent;
			border:none;
			padding:0px;
			}
			
			#SiteActions div div div a{
				color:#63686c;
				font-size:11px;
				font-weight:normal;
				text-decoration:none
				}
			
			#SiteActions div div div a:link{
				color:#63686c;
				font-weight:normal;
				text-decoration:none
				}
			
			#SiteActions div div div a:hover{
				color:#63686c;
				text-decoration:underline;
				}
	
	
		/* -------  Override de l'image background par défaut du siteactionsmenuhover ----*/
		
		#SiteActions div div div.ms-siteactionsmenuhover{background:transparent;}
		
		#SiteActions .ms-siteactionsmenu {font-size:11px;}
		
		#SiteActions img {display:none}

/*2- FIN Menu Actions du site / Site Actions ***************************************************************************** */

/*3- Bienvenue / Welcome ************************************************************************************************ */
	#Bienvenue {
		background:url('/_layouts/images/UNESCO/Bullets/BulletLink_general_3x5.gif') no-repeat 14px 12px;
		padding:8px 0 0 8px;
		}	
		
				
	#Bienvenue a{
		font-size:11px;
		margin:0;
		padding:0 17px;
		}	

		#Bienvenue a:link,
		#Bienvenue a:visited{color:#63686c;}

		#Bienvenue a:hover,
		#Bienvenue a:active{
			color:#63686c;
			text-decoration:underline;
			}

		/* Positionnement de l'image flèche de la liste déroulante */
			
		#Bienvenue img{display:none}


		/* Over-ride du style par défaut du composant sharepoint (background)
		   pour le comportement de survol */

		#Bienvenue .ms-SpLinkButtonInActive, 
		#Bienvenue .ms-SpLinkButtonActive{
			background:transparent none;
			border:0px solid transparent;
			margin:0;	
			padding:0;				
			}
		
		/* Gestion de la taille de la police */	
		#Bienvenue span .ms-SPLink{font-size:11px}

/* 3- FIN Bienvenue / Welcome ******************************************************************************************** */



	
/* 4- Recherche / Search *********************************************************************************************** */

	#Recherche div div table, 
	#RechercheFR div div table{
		float:right;
		height:27px;
		margin:0;
		padding:0;
		}


	/* -------  Apparence autour de l'input de recherche, du bouton et du lien de recherche avancé ----*/
	/* -------  Wrapper around search input, button and Advanced Search link --------------------------*/
	
	#Recherche .ms-sbcell input,
	#RechercheFR .ms-sbcell input{
		border:1px white inset; /* bordure entourant le input */
		color:#7b7c7e;
		font-size:12px!important;
		margin-top:5px;
		padding-top:2px; /*permet d'aligner le texte dans le input */
		height:23px;
		width:138px!important;
		display:block;
		}

	#Recherche td.ms-sbcell,
	#RechercheFR td.ms-sbcell{
		border:0px;
		font-size:12px!important;	
		margin:0px;
		padding:0px;		
		white-space:nowrap;		
		width:140px;
		text-align:right;
		}

	/* Taille du texte "Rechercher" avant le input */
	#Recherche .ms-sbtext,
	#RechercheFR .ms-sbtext{font:normal 12px;}

	/* ------- Icône de la recherche ----*/
	

	/* hack pour les versions d'internet explorer */
		* html #Recherche td.ms-sbgo input{
			background-color:#fcae26;
			padding:0 3px 0 3px;
			position:absolute;
			right:-175px;
			top:0px;
			width:64px!important;	
			}
	/* / hack */


	/* hack pour les versions d'internet explorer */
		* html #RechercheFR td.ms-sbgo input{
			background-color:#fcae26;
			padding:0 3px 0 3px;
			position:absolute;
			right:-195px;
			top:0px;
			width:84px!important		
			}
	/* / hack */

	#Recherche td.ms-sbgo,
	#RechercheFR td.ms-sbgo{background-color:#fcae26;}/* Used for Safari */
				
	#Recherche td.ms-sbgo input{
			background-color:#fcae26;
			padding:0 3px 0 1px;
			position:absolute;
			right:-177px;
			top:-1px;
			width:64px!important		
			}
				
	#RechercheFR td.ms-sbgo input{
			background-color:#fcae26;;
			padding:0 3px 0 1px;
			position:absolute;
			right:-197px;
			top:-1px;
			width:84px!important		
			}

	/* ------- Cellule vide à droite de la zone de recherche - Empty cell to the right of the search area ----*/

	#Recherche .ms-sbLastcell, 
	#RechercheFR .ms-sbLastcell,
	#Recherche .ms-rightbodysectionsearchbox, 
	#RechercheFR .ms-rightbodysectionsearchbox{background:transparent;}
		
		
	#Recherche .ms-sbLastCell,
	#RechercheFR .ms-sbLastCell{display:none;}
	

/* ------- Formattage du lien Recherche avancée - Link formatting (for "advanced search") ----*/

	#Recherche td.ms-sblink,
	#RechercheFR td.ms-sblink{display:none;}

/* ------- Formattage de l'input avant l'icône ----*/
	/* Hack for IE */
	* html #Recherche .ms-sbplain,
	* html #RechercheFR .ms-sbplain{font-size:12px!important;height:20px;}
	/* / Hack for IE */

/* Hack safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#Recherche .ms-sbplain,
	#RechercheFR .ms-sbplain{height:19px;}
	}
/* / Hack safari */

/* Hack Firefox */
@-moz-document url-prefix(){
	#Recherche .ms-sbplain,
	#RechercheFR .ms-sbplain{height:80%!important;}
	}


/* / Hack Firefox */


	#Recherche .ms-sbplain,
	#RechercheFR .ms-sbplain{
		background:#ffffff; /* Gestion du background de l'input */
		border:1px #fcae26 inset!important;/* Gestion de la bordure de l'input */
		color:#724e12;
		font-size:12px!important; /* Mettre taille en pt et non em sinon la taille varie en fonction du contrôle recherche choisi*/
		height:80%;  /*formatage personnel pour avoir une hauteur d'input identique à celle du select Scope */
		margin:0;
		padding:0 2px 2px 5px;
		}

	#Recherche input.ms-sbplain,
	#RechercheFR input.ms-sbplain{
		font-size:12px!important; /* Mettre taille en pt et non em sinon la taille varie en fonction du contrôle recherche choisi*/
		height:80%;
		width:70%;
		position:relative;
		max-height:20px;
		display: block;
  	    margin-left: auto;
        margin-right: auto;

		
		}
		
/* ------- Gestion de la table/cellule incluant le search scope ----*/
/* ------- Wrapping table cell around Search Scopes ----------------*/
						
	#Recherche td.ms-sbscopes,
	#RechercheFR td.ms-sbscopes{
		border:none!important;
		margin:0;	
		padding:0;			
		}	

/* ------- Formatting for Search Scopes select box ----*/

	#Recherche .ms-sbscopes select,
	#RechercheFR .ms-sbscopes select {
		background:#fff;
		border:1px #fcae26 inset!important; /* Ajout personnel de bordure pour éviter l'effet 3D du select  */	
		border-collapse:collapse!important;		
		color:#7c7d7e;
		/* sous Firefox quand le select a un background */
		font-size:12px;
		height:20px; /*formatage personnel pour avoir une hauteur identique à l'input qui suit */
		padding:0;		
		margin:-7;margin-top:3px;
		position:absolute;
		left:148px;top:2px;
		width:140px;
		}
			
	* html #Recherche .ms-sbscopes select,
	* html #RechercheFR .ms-sbscopes select {border:1px white inset!important;top:3px}/* Hack IE */	
		
		
/* -------  Wrapping table around Search ----*/

	#Recherche .ms-sbtable,
	#RechercheFR .ms-sbtable{
		background-color:transparent;
		color:#666;
		font: 11px Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		}

/* -------  Wrapping table around Search ----*/

	#Recherche .ms-sbtable-ex,
	#RechercheFR .ms-sbtable-ex{
		background-color:transparent;		
		margin:0;
		padding:0;
		}

/* 4- FIN - Recherche / Search End ************************************************************************************* */

#EditConsole{height:1px!important;padding:0 0 0 3px;}

#EditConsole .ms-consoletitleareaframe,
#EditConsole .ms-consoletitleareaframebottom{display:none}




/* 5- Fil d'ariane / Breacrumb ***************************************************************************************** 
	   Remarque importante: chaque page layout pouvant avoir son propre contrôle relatif au fil d'ariane, il sera peut être
	   nécessaire d'adapter celui-ci en le faisant correspondre à celui de la masterPage  */
	  
	#FilAriane{
		font-size:11px;
		height:25px;		
		padding:10px 0 0 0!important;
		width:100%;
		} 

	/*Hack IE*/
	* html #FilAriane{
		height:31px;
		padding:8px 0!important;
		} 
	/* / Hack IE*/	
		
		#FilAriane a{color:#4F8DB8}

		#FilAriane .company-Breadcrumb {
			border:0px;
			font-weight:bold;
			margin:0px;
			padding:0 0 0 0;
			}
					
			#FilAriane .company-Breadcrumb a:link,
			#FilAriane .company-Breadcrumb a:visited,
			#FilAriane .company-Breadcrumb a:hover,
			#FilAriane .company-Breadcrumb a:active {text-decoration:underline;}
			

		#FilAriane .company-breadcrumbCurrent {
			font-weight:normal;
			text-decoration:underline;			
			}
			
	.breadcrumb	{display:none}	
	.ms-mwstitlearea{display:none}
	.ms-pagebreadcrumb{display:none}
	
/* 5- FIN Fil d'ariane / Breacrumb ************************************************************************************** */

/* 6- Mini console ***************************************************************************************************** */

	#MinimaleConsole div{
		border:1px #999 solid;
		float:right;
		margin:0;
		padding:0px;
		width:260px;
		}	
		
	#MinimaleConsole div div.ms-wikieditouter{
		border:1px transparent solid;
		position:static;
		}	


		#MinimaleConsole div a{padding:1px;}
		
		/* permet d'aligner le texte des onglets */	
		#MinimaleConsole .ms-toolbar {text-align:center}
		
		
		/* Spécifications de l'apparence des liens */
		
		#MinimaleConsole div div table table table table table table a:link{
		color:#666;
		text-decoration:none;
		}

		#MinimaleConsole div div table table table table table table a.ms-toolbar:visited{
			color:#666;
			text-decoration:none;
			}
	
		#MinimaleConsole div div table table table table table table a:hover,
		#MinimaleConsole div div table table table table table table a:active{
			color:#666;
			text-decoration:underline;
			}
			
		/* Gestion du fond */
		#MinimaleConsole div div table table table.ms-wikieditthird{
			background:transparent;
			margin:0;
			padding:0;
			}		

		#Centre .ms-wikieditthird{
			background:#605f5d;
			margin:0;
			padding:0;
			}
	
/* 6- FIN Mini console************************************************************************************************** */

/* 7- Barre de navigation latérale gauche / quicklaunch **************************************************************** */

#QL{display:none;}/* Bordure en bas du quicklaunch */

.company-Navheader{
	border-top:1px #fff dotted;	
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	vertical-align:middle;
	width:154px;
	}	
	
	.company-Navheader a{
		background:url('/_layouts/images/UNESCO/Bullets/Bullet_Quicklaunch_collapsed_5x3.gif') no-repeat right 7px;
		color:#fff;
		padding:4px 0;		
		}
	
		.company-Navheader a:hover{color:#fcae27}

.company-Selectednavheader{}

	.company-Selectednavheader a{
		background:url('/_layouts/images/UNESCO/Bullets/Bullet_Quicklaunch_expanded_5x3.gif') no-repeat right 7px;
		color:#fcae27;
		padding:3px 0;
		text-decoration:none
		}

.company-Navitem{
	color:#fff;
	font:11px Arial, Helvetica, sans-serif;
	margin-left:0px;
	text-decoration:none;
	width:154px;
	}

	.company-Navitem a{padding:3px 0;}
		
	.company-Navitem a:hover, 
	.company-Navitem a:active{color:#fcae27}

.company-NavSubMenu1{
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	}
	
.company-NavSubMenu2{
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
	}

.company-Selectednav{
	text-decoration:none!important;
	white-space:nowrap;
	}
		
	.company-Selectednav a{
		background:url('/_layouts/images/UNESCO/Content_Quicklaunch_Bullet_13x13.gif') no-repeat 0px 2px;
		color:#fcae27;
		padding-right:0;
		text-decoration:underline
		}

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

#TreeWP{border-bottom:1px #fff dotted;margin:0;padding:0;}
#TreeWP2{border-bottom:1px #fff dotted;padding:35px 0 0 0;margin:0}
#TreeWP3{border-bottom:1px #fff dotted;padding:35px 0 0 0;margin:0}

/*--sim ---*/
#TreeWP4{border-bottom:1px #fff dotted;padding:35px 0 0 0;margin:0}

.treeview_notselectednode_level1{
	border-top:1px #fff dotted;	
	padding:3px 0 1px 0px;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	vertical-align:middle;
	width:147px!important;
	height:18.4px!important:
	}
	
	.treeview_selectednode_level1 a{
		color:#fcae27;
		text-decoration:none;
		text-transform:uppercase;
		width:147px!important;	
		}

	.treeview_selectednode_level1 a:hover{color:#fcae27}
	
	.treeview_selectednode_level1 span{display:none}

	.treeview_notselectednode_level1 a{
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		width:147px!important;	
		}

	.treeview_notselectednode_level1 a:hover{color:#fcae27}

.treeview_selectednode_level1{
	border-top:1px #fff dotted;
	color:#fcae27!important;
	padding:3px 0 1px 0;
	font-size:11px;
	text-transform:uppercase;
	text-align:left;
	}

.treeview_notselectednode_level2{
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	width:147px!important;
	}

	.treeview_notselectednode_level2 a{
		padding:2px 0;
		color:#fff;
		text-decoration:none;
		width:147px!important;	
		}
	
	.treeview_notselectednode_level2 a:hover{color:#fcae27}

.treeview_selectednode_level2{
	color:#fcae27!important;
	font-size:11px;
	padding:0;
	text-align:left;
	width:147px!important
	}
	
/*---sim ---*/
.treeview_selectednode_level2_cust{
	color:#fff!important;
	font-size:11px;
	padding:10px 0 0;
	text-align:left;
	width:147px!important
	}
	
/*VIEW PROFILES - turned back on White - reset highlighting caused by incorrect detection of nodes without URLs*/
div#TreeWP4 div#ctl00_MENU_TreeView4 table tbody tr td table#ctl00_MENU_TreeView4_1 tbody tr:nth-child(2) td table tbody tr td:first-child
{
	color:white!important;
	}	

/*VIEW PROFILES march- turned back on White - reset highlighting caused by incorrect detection of nodes without URLs*/
div#TreeWP2 div#ctl00_MENU_TreeView2 table tbody tr td table#ctl00_MENU_TreeView2_1 tbody tr:nth-child(2) td table tbody tr td:first-child
{
	color:white!important;
	}	

.treeview_notselectednode_level3{
	font-size:11px;
	padding:0 0 0 5px;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	width:147px!important;
	}

	.treeview_notselectednode_level3 a{
		padding:2px 0;
		color:#fff;
		text-decoration:none;
		width:144px!important;	
		}
	
	.treeview_notselectednode_level3 a:hover{color:#fcae27}

.treeview_selectednode_level3{
	color:#fcae27!important;
	font-size:11px;
	padding:0 0 0 5px;
	}

.treeview_selectednode_bullet_level1{
	border-top:1px #fff dotted;
	vertical-align:top
	}

	.treeview_selectednode_bullet_level1 img
	{
		border:0px!important;
		margin-top:7px!important;
		vertical-align:top!important;		
		}
	.treeview_selectednode_bullet_level1 a {
		border:0px!important;
		/*margin-top:7px!important;*/
		vertical-align:top!important;		
		height:10px !important;
		}

.treeview_notselectednode_bullet_level1{
	border-top:1px #fff dotted;
	vertical-align:top;
	height:18.4px !important;
	}

	.treeview_notselectednode_bullet_level1 img
	{
		border:0px!important;
		margin-top:7px!important;
		vertical-align:top!important;
		}
	.treeview_notselectednode_bullet_level1 a {
		border:0px!important;
		/*margin-top:7px!important;*/
		vertical-align:top!important;
		height:10px !important;
		}

.treeview_selectednode_bullet_level2 img
{
		border:0px!important;
		margin-top:4px!important;
		vertical-align:top!important;	
		}
.treeview_selectednode_bullet_level2 a {
		border:0px!important;
		vertical-align:top!important;	
		height:10px !important;
		}
		
.treeview_notselectednode_bullet_level2 img
{
		border:0px!important;
		margin-top:4px!important;
		vertical-align:top!important;	
		}
		
.treeview_notselectednode_bullet_level2 a {
		border:0px!important;
		vertical-align:top!important;	
		height:10px !important;	
		}

	
/* hide link focus firefox */
.treeview_selectednode_bullet_level1 a:focus, 
.treeview_selectednode_bullet_level1 * a:focus,
.treeview_notselectednode_bullet_level1 a:focus,
.treeview_notselectednode_bullet_level1 * a:focus{outline: none!important;}
/*  / hide link focus */

/*13bis - Gestion apparence TreeView quicklaunch */

	/* Containing DIV for Tree View in Quick Launch */
	
	#Gauche .ms-quicklaunch .ms-treeviewouter table td{border-top:none;}
	
	#Gauche div.ms-treeviewouter div{border-top:1px #fff dotted;}
	
	#Gauche div.ms-treeviewouter div div{border:none;}
	
	#Gauche .ms-treeviewouter td.ms-navitem{
		border-left:0px solid #666;
		display:block;
		}
			
	#Gauche .ms-treeviewouter a.ms-navitem{
		color:#fff!important;
		padding:0 1px;
		} 

		#Unesco-TreeView * {
			color:#fff;
			margin-right:5px;
			padding:0!important;						
			}
			
			#Unesco-TreeView * a {font-size:11px!important;}		
			
			#Unesco-TreeView div div {padding-left:0;margin-left:0;}

	/* Top border of Tree View Pane */

	#Gauche div.ms-treeviewouter div{border-top:solid 1px #fff;} 
	
	/* Selected navigation item in Tree View */

	#company-TreeView td.ms-tvselected{background:transparent}

	#company-TreeView td.ms-tvselected a {
		color:#fff;
		margin-left:5px;
		padding-right:5px;
		}

	#Gauche  a.ms-navitem{
		color:#fff!important;
		font:11px Arial, Helvetica, sans-serif
		} 

/* 7- FIN barre de navigation latérale gauche / quicklaunch **************************************** */

/* 8- Titre ZoneTitre - Title ************************************************************************************************** */

	#TitreZoneTitre{
		color:#0769C4;
		font:bold 15pt;
		margin:0px;
		padding:0px;
		}	
	
/* 8- FIN Titre ZoneTitre - Title*********************************************************************************************** */

/* 9- Module multilingue - Multilingual module *********************************************************************************************** */

#ContentToolbar .ms-globallinks-translation-ES,
#ContentToolbar .ms-globallinks-translation-AR,
#ContentToolbar .ms-globallinks-translation-CH,
#ContentToolbar .ms-globallinks-translation-RU,
#ContentToolbar .ms-globallinks-translation-currentLanguage{display:none}

#ContentToolbar .ms-globalbreadcrumb-translation{
	background:transparent;
	padding:0px;
	margin:0px;
	vertical-align:top;
	}

/* Hack Firefox */
@-moz-document url-prefix()
{
#ContentToolbar .ms-globalbreadcrumb-translation {top:3px;}
}
/* / Hack Firefox */


/* Hack Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #ContentToolbar .ms-globalbreadcrumb-translation {position:relative;top:1px;}
}
/* / Hack Opera */

#ContentToolbar .ms-globalbreadcrumb-translation-EN *,
#ContentToolbar .ms-globalbreadcrumb-translation-FR *{padding:0;margin:0}

		#ContentToolbar .ms-globalbreadcrumb-translation-EN a,
		#ContentToolbar .ms-globalbreadcrumb-translation-FR a{
			background:transparent;
			border:0px;
			border-color:transparent;
			padding:0;	
			}

		#ContentToolbar .ms-globalbreadcrumb-translation_EN a:hover img,
		#ContentToolbar .ms-globalbreadcrumb-translation_FR a:hover img{border:0px;outline: none!important;}

		#ContentToolbar .ms-globalbreadcrumb-translation_EN img,
		#ContentToolbar .ms-globalbreadcrumb-translation_FR img{border:0px}
			
#ContentToolbar .ms-hovercellactive{	
	background:none;
	border:0px;
	text-decoration:underline;	
	} 		

/*9- FIN du module multilingue */

/*10- Page Header */


/* Header Description Liste et librairie */
#Centre #PageHeader{
	height:60px;
	position: relative;
	width: 100%;	
	}
		
#Centre #PageHeader-Image{	
	position:absolute;left: 0px;top: 0px;
	width:145px;
	}

#Centre #PageHeader-Title{	
	min-height:54px!important;
	font-size:11px;
	font-weight:bold!important;
	margin-left: 145px;	
	padding-top:10px
	}
	
	#Centre #PageHeader-Title .ms-listdescription{	
		background-color:white;
		border-bottom:0px;
		color:#666;	
		font-weight:normal;
		padding-left:0;
		}

#Centre #PageHeader-MiniConsole{float:right;}

/* header description page */
#Centre #MSO_ContentTable .ms-pagedescription{font-size:11px} 


/*10- FIN - Page Header */


/* Quicklaunch résultats recherche */

#Gauche .ms-pagemargin{background:transparent;}




/* remove spacing in edition console - rich html field */
#ctl00_PlaceHolderMain_RichHtmlField1_ctl00_RichHtmlField_displayContent{margin:0!important;padding:0!important}
/* remove spacing in edition console - rich html field */			


/*---simona test for preventing the click event on Home to highlight the VIEW PROFILES---*/