﻿/* ******************** */
/*  TABLE DES MATIERES  */
/* ******************** */

/*
1-    Conventions de nomage et d'écriture
2-    Barres d'outils
3-    Calendrier (Liste)
4-    Listes / librairies : vues
5-    Formulaires
6- 	  Miscellaneous - Divers
*/

/* 1- Conventions de nommage et d'écriture *********************************************************************************

> Nommage des fichiers images (images autres que celles provenant par défaut de sharepoint): ID_type_label.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)

/* 1- FIN Conventions de nommage et d'écriture ************************************************************************** */ 



/* 1- Barre d'outils **************************************************************************************************** */


/* toolbar ******************************************************************************************************************/

/* Gestion de la taille des fonts de la toolbar */

#Centre .ms-toolbar, 
#Centre .ms-viewselector,
#Centre .ms-toolbar a, 
#Centre .ms-listheaderlabel,
#Centre a.ms-toolbar{color:#FFF!important;font-size:12px;}
	

/* Toolbar - New button */

#Centre .ms-splitbuttonhover, 
#Centre .ms-splitbuttonhover *{
	background-image:none;
	border-collapse:collapse;
	margin:0;
	padding:0!important;
	padding-left:4px!important;
	text-decoration:underline;
	} 

#Centre .ms-splitbutton, 
#Centre .ms-splitbutton * {	
	background-image:none;
	border-collapse:collapse;
	border:0px!important;
	margin:0;
	padding:0!important;
	padding-left:4px!important
	} 

#Centre .ms-menutoolbar .ms-splitbuttontext{padding:0;}

#Centre .ms-splitbuttonhover .ms-splitbuttondropdown,
#Centre .ms-splitbuttonhover .ms-splitbuttontext{border:0px solid #b5b16b;cursor:pointer;} 

#Centre .ms-menutoolbar .ms-splitbuttondropdown{padding:0;margin:0;}


/* boutons autres que New */

#Centre .ms-menutoolbar{
	border-bottom:1px solid #666;	
	background-color:#605f5d;
	background-image:none;
	height:30px;
	}
	
	#Centre .ms-menutoolbar td{
		border-top:solid 1px #777;
		border-bottom:solid 1px #666;
		} 

.ms-separator img {
	background:#605f5d;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	height:16px;
	margin:0 1px;
	width:1px;
	} 

#Centre .ms-menubuttoninactivehover, #Centre .ms-buttoninactivehover,
#Centre .ms-menubuttoninactivehover *, #Centre .ms-buttoninactivehover *{
	background-color:transparent;
	border:solid 1px #605f5d;
	line-height:16px;
	margin:0!important;
	padding:0!important;
	} 

#Centre .ms-menubuttonactivehover ,#Centre .ms-buttonactivehover,
#Centre .ms-menubuttonactivehover * ,#Centre .ms-buttonactivehover * {
	background-image:none;
	border:solid 1px #605f5d;
	cursor:pointer;
	line-height:16px;
	margin:0!important;
	padding:0!important;
	text-decoration:underline;
	} 

/* Toolbar - Button View */

#Centre .ms-listheaderlabel  {border-color:#605f5d!important}

#Centre .ms-viewselector,
#Centre .ms-viewselectortext,
#Centre .ms-viewselectorhover{font-size:12px}

#Centre td.ms-viewselector, 
#Centre .ms-viewselector,
#Centre .ms-viewselectorhover{
	background-color:#605f5d;
	border-color:#605f5d;
	}

#Centre .ms-viewselectorhover{
	background-color:#605f5d;
	border-color:#605f5d
	}

/* Gestion de la pagination de la toolbar */

#Centre #topPagingCellWPQ2, #Centre #topPagingCellWPQ2 *{border-color:#605f5d;}

#Centre #bottomPagingCellWPQ2, 
#Centre #bottomPagingCellWPQ2 *, 
#Centre .ms-bottompaging,#Centre .ms-bottompagingline1{
	background-color:#EFEFEF;	
	border-color:#605f5d;
	}

#Centre .ms-menutoolbar .ms-toolbar .ms-toolbar, 
#Centre .ms-menutoolbar .ms-toolbar .ms-toolbar .ms-paging,
#Centre .ms-menutoolbar .ms-toolbar .ms-toolbar td{
		border-top:solid 1px #605f5d;
		border-bottom:solid 1px #605f5d;
		color:white
		} 	

/* 3- Calendrier Liste ************************************************************************************************** */


/* Affichage du top calendar, dessous la barre d'outils */

#Centre a#dayTabLinkId ,
#Centre a#weekTabLinkId ,
#Centre a#monthTabLinkId,
#CollapseAllId *,
#ExpandAllId *{font-size:12px!important;}

/* Gestion de la marge gauche pour la date */
.ms-cal-topday div a, .ms-cal-topdayover div a{padding-left:5px;}

/* 3- FIN Calendrier Liste*********************************************************************************************** */

/* 4- Listes / librairies : vues **************************************************************************************** */

/* Conteneur de description des listes/ librairies */

#Centre .ms-listdescription{
	background:#EFEFEF;
	border-bottom:1px solid #777;	
	color:#666;
	padding:2px 6px 4px 6px;
	} 

/* Gestion de l'apparence des items de la liste/librairie ***************************/

/* Header des colonnes */

#Centre .ms-viewheadertr .ms-vh2-nograd {font-size:12px!important;padding-top:5px}

#Centre .ms-viewheadertr th.ms-vh2 table .ms-vb {font-size:12px!important}	

/* Fin des headers */

#Centre .ms-listviewtable tr td{height:25px;}

#Centre .ms-listviewtable .ms-vb2{height:35px;padding:3px 7px 4px} 
/* : permet de gérer les différences de comportement au
   survol item entre certaines listes et librairies */ 

#Centre .ms-listviewtable tr td{font-size:12px!important;padding:2px 0;}
	
#Centre .ms-listviewtable tr.ms-alternating {background-color:#FFF;border-color:#FFF;}

#Centre .ms-listviewtable tr.ms-alternating .ms-vb-icon,
#Centre .ms-listviewtable tr.ms-alternating .ms-vb2, 
#Centre .ms-listviewtable tr.ms-alternating .ms-vb-user {border-color:#FFF}

#Centre .ms-listviewtable .ms-vb-user td.ms-vb a{font-size:12px !important;}

#Centre .ms-listviewtable .ms-vb2{font-size:12px!important}
				
#Centre .ms-selectedtitle .ms-vb{background-color:#EFEFEF!important;}

#Centre table.ms-listviewtable .ms-vb-title td.ms-vb{font-size:12px!important}

#Centre table.ms-listviewtable tr td table tbody tr td.ms-vb{font-size:12px!important}

#Centre .ms-listviewtable .ms-vb a{font-size:12px!important}

/* Discussion board - afichge des headers des posts relatif à un sujet */

#Centre table.ms-disc-bar{
	background-color:#efefef;
	background-image:none;	
	border:1px solid #666;
	}

/* Fin discussion board */


/* Vue de type Gantt */

#Centre .ms-ganttInnerTable *{font-size:12px!important}

	#Centre .ms-ganttInnerTable .ms-ganttTitleCell,
	#Centre .ms-ganttInnerTable .ms-ganttDetailTimeUnitRow,
	#Centre .ms-ganttInnerTable .ms-ganttTitleHeaderCell,
	#Centre .ms-ganttInnerTable .ms-ganttMajorTimeUnitHeaderCell {font-size:12px!important}
	
/* fin affichage Gantt */


/* Liste KPI */

#Centre tr.ms-kpirow *{font-size:12px!important}
	
	#Centre tr.ms-kpirow .ms-vb-title .ms-vb{font-size:12px!important}
		
	#Centre tr.ms-kpirow .ms-vb2 div{font-size:12px!important;text-align:right}

/* KPI - header liste*/
#Centre th.ms-vh2{font-size:12px}
/* Fin liste KPI */

/* Librairie Images */

#Gauche #ImgPreviewTable{
	background-color:#fff!important;
	border:2px #fff solid!Important;
	font-size:12px!important
	}

#Centre .thumbnail LABEL{font-size:12px!important}/* label des images en mode thumbnail */


#Centre #contentfilmstrip LABEL{font-size:12px!important} /* label des images en mode filmstrip */
#Centre #contentfilmstrip .ms-descriptiontext td{font-size:12px!important}/* Descriptif des images en mode filmstrip */

#Gauche #LeftNavActions a.ms-imglibPreviewTitle{color:#4F8DB8;font-size:12px!important}

/* Fin librairie images */

/* Librairie Translations */

#Centre .ms-listviewtable td.ms-gb{
	background:#EFEFEF;
	border-bottom:0px #666 solid;
	font-size:12px!important
	}

/* 5- Formulaire          *********************************************************************************************** */

#Centre .ms-bodyareaframe, 
#Centre .ms-viewareaframe{
	background-color:#ffffff;
	border-top:1px solid #6f9dd9;
	border-right:1px solid #6f9dd9;
	border-left:1px solid #6f9dd9;
	height:100%;
	vertical-align:top;
	width:100%;
	}
#Centre .ms-bodyareaframe{padding:10px;} 


	
/* Edition Item - Apparence pour les champs formulaires (colonne droite) ***********************************/

#Centre #onetIDListForm{width:100%!important}

/* Gestion de la barre outils du formulaire */

#Centre #onetIDListForm table.ms-toolbar{
	border:1px solid #666;
	height:30px;
	background-color:#605f5d;
	background-image:none;	
	}
/* fin */



#Centre .ms-formtable .ms-formbody, 
#Centre .ms-formtable .ms-formbodysurvey{line-height:normal;}

#Centre .ms-formtable *{font-size:12px}

#Centre .ms-formtable label{font-size:12px}


#Centre .ms-formbody{
	background:#ced3d7;
	border-top:1px solid #999;
	color:#595858;
	font-size:12px!important;
	padding:3px 6px 4px 6px;
	text-align:left;
	vertical-align:top;
	}
	
	#Centre .ms-formbody div div *{color:#595858!important;}


#Centre .ms-formbody FONT{line-height:normal} 

/* champ input user */	
#Centre .ms-usereditor .ms-inputuserfield {
	background:white;
	color:#595858 !important;
	font-size:12px
	}

/*  champ input normal */	
#Centre .ms-formbody input.ms-long {
	background:white;
	color:#595858;
	font-size:12px!important;
	}

.ms-formbody{color:#595858 !important;}

/* champ date */
#Centre .ms-input {
	background:white;
	color:#595858;
	font-size:12px
	}
	
/* champ Select */	
#Centre select {
	background:white;
	color:#595858;
	font-size:12px;
	}

/* Formattage des labels du formulaire (colonne gauche) */

#Centre .ms-formlabel{
	border-top:1px solid #999;
	color:#595858;
	font:bold 12px!important;
	padding:3px 8px 6px 0;
	text-align:left;
	} 

#Centre .ms-standardheader{color:#595858;} 

#Centre .ms-formlabel .ms-standardheader{font:12px bold !important;}	
	
/* Ligne bordure sous le dernier champ */
#Centre .ms-formline{
	border-top:1px solid #555;
	padding:0 8px;
	} 

/* Boutons des formulaires */
#Centre .ms-ButtonHeightWidth {
	background-color:#efefef;
	color:#595858;
	font-size:12px
	} 

/* 5- FIN Formulaire          ******************************************************************************************* */

/* 6- Miscellaneous - Divers  ****************************************************************************************** */

/* background du html editor */
#Centre .ms-rtetoolbarmenu {background-color:#efefef;} 

/* Background for cells with form fields on administrative pages */

#Centre .ms-authoringcontrols {
	background-color:#efefef;
	color:#595858;
	font-size:12px
	} 

/* Contrôle des fonts dans plusieurs locations */

#Centre .ms-propertysheet{
	color:#595858;
	font-size:12px;
	text-align:left;
	}
	
#Centre .ms-propertysheet th{color:#595858;font-size:12px}
	
#Centre .ms-propertysheet a{color:#4F8DB8;text-decoration:none;}
	
	#Centre .ms-propertysheet a:hover{text-decoration:underline;}

/* onglets du site Site directory ********************************************/

#Centre .ms-ptabcn{
	background:#605f5d;
	border-color:#666;
	font-size:12px
	}

	#Centre .ms-ptabcn a{color:white!important;font-size:12px}

	#Centre .ms-ptabcnhover{
		background:#605f5d;
		border-color:#666;
		font-size:12px
		}
		
		#Centre .ms-ptabcnhover a:hover{
			color:white!important;text-decoration:underline
			}

#Centre .ms-ptabcf{
	background:#fff;
	border-color:#666;
	font-size:12px
	}
	
	#Centre .ms-ptabcfhover{
		background:#605f5d;
		border-color:#666;
		color:white!important;
		font-size:12px
		}

		#Centre .ms-ptabcfhover a:hover{color:white!important;}

/* Gestion de la couleur de fond à droite des onglets et des bordures - site directory */
#Centre .ms-ptabrx{
	background-color:transparent;
	border-bottom:1px #666 solid;
	border-left:1px #666 solid;
	}


/* Items site directory - Categories */

#Centre .toc-layout-main,
#Centre .toc-layout-main .headertitle {font-size:12px!important;}

/* onglets du Recherche ********************************************/

#Centre .ms-sctabcn{
	background:#605f5d;
	border-color:#666;
	font-size:12px
	}

	#Centre .ms-sctabcn a{color:white!important;font-size:12px;}

	#Centre .ms-sctabcnhover{
		background:none;
		border-color:#666;
		font-size:12px;
		}

#Centre .ms-sctabcf{
	background:#fff;
	border:1px #666 solid;
	font-size:12px;
	}
	
	#Centre .ms-sctabcfhover{
	background:none;
	border-color:#666;
	font-size:12px;
	}

#Centre .ms-sctabrx{
	background-color:transparent;
	border-bottom:1px #666 solid;
	}


/* People search - panneau search options */

#Centre .srch-optionsLinkDiv .srch-options{
	background:#605f5d;
	border:0px #666 solid;
	color:white!important;
	font-size:12px
	}
	
	#Centre .srch-optionsLinkDiv .srch-options LABEL, 
	#Centre .srch-optionsLinkDiv .srch-options span{color:white!important;}

	#Centre .srch-optionsLinkDiv .srch-options table{border:1px #666 solid;}	

	#Centre .srch-optionsLinkDiv .srch-options .ms-sbrow .ms-sbcell{font-size:12px;border:0px}
	
		#Centre .srch-optionsLinkDiv .srch-options .ms-sbrow .ms-sbcell table{border-width:0px}

/* Recherche avancée */

#Centre .ms-advsrchHeadingText, #Centre .ms-advsrchText{font-size:12px !important;}

	#Centre .ms-advsrchText{padding-right:5px;}

/* pour vue d' une liste, aligner au top verticalement un item */
#Centre .ms-vb-title{vertical-align:top}	
	
/* Gestion de l'affichage de l'icone de  présence de la personne d'OCS */

#Centre .ms-descriptiontext span NOBR span *{padding:0!important;margin:0!important;width:12px!important}	
	
/* Liens de la liste survey */
#Centre #diidSurveyResults, 
#Centre #diidResultsByUser{color:#4F8DB8!important}

