@import url("jquery-ui-1.10.4.custom.css");
	:root {
		--midlow-bg-color: #174ca6;
	}
	/* Document global */
	* {  box-sizing: border-box;}
	.translate {background:#FFFF00}
	html, body {height:100%; margin:0px; box-sizing: border-box; }
	body {overflow:hidden;}
	body {padding:70px 0px 0px 0px;}
	body, table {font-family: Ubuntu;font-size: 13px;font-style: normal;font-variant: normal;font-weight: 400;}	

	body.login_page {padding:0px 0px 0px 0px; background:url('../common/images/iceberg.jpg') #f4f9fe fixed right top;background-size:cover;}
	td {vertical-align:top; text-align:left}
	p {padding:0px; margin-bottom:3px; margin-top:3px}
	
	form {display:inline;}
	input, select, textarea {max-width:100%;padding:0.4em; border:2px solid rgba(0,0,0,0.1); border-radius:5px;  }
	.mce-tinymce {border:2px solid rgba(0,0,0,0.1) !important; border-radius:5px !important;overflow:hidden;}
	/* li + li {margin-top:5px;} */
	hr {border: 0;    height: 1px;    background: rgba(0,0,0,0.5);}
	a {display:inline-block;border-radius: 5px;}
	a.round { border-radius: 5px;padding-right: 3px;margin-right: -3px;padding-left: 3px;margin-left: -3px;}
	a:not(.ui-tabs-anchor, .btn_check, .omo-user-img) {padding:3px; display:inline-block }
	a:hover:not(.ui-tabs-anchor) {background-color:#ffe67c;}
	

	/* ********************************* */


	/* Titres et variantes */
	h1 {font-family: Ubuntu;font-size: 23px;font-style: normal;font-variant: normal;font-weight: 700;line-height: 23px;color:#7fb5c8;}
		#tabs_gauche h1 {color:rgba(0,0,0,0.3);}
	h2 {font-family: Ubuntu;font-size: 17px;font-style: normal;font-variant: normal;font-weight: 700;line-height: 17px;}
	/* ******************* */


	/* Styling prédéfini */
	.omo-greytext {display:inline-block; color:#888888; font-style:italic;}
	.omo-darkbackground {background-color: rgba(174, 196, 216, 1);}
	.omo-lightbackground {background-color: rgba(255, 255, 255, 0.7);}
	.omo-right-options {float:right;}
	.omo-highlight {background-color:#FFFF00}
	.fill {width:100%}
	.omo-signature {font-size:70%; text-align:right; color:#999999; font-style:italic}
	.omo-box {border:1px solid #CCCCCC; padding:15px 23px 15px 23px; margin:3px;}
	.omo-label-fields {display:inline-block; min-width:100px; font-weight:bold; color:#5a748b; padding-right:20px;}
	/* ********************** */


	/* Boutons divers*/
	.omo-btn {display: inline-block; text-align: center; vertical-align: middle;   height:20px; padding:3px 3px 0px 4px ;   border-radius:5px; margin:2px; background-color:rgba(0,0,0,0.2)}
	.omo-new-btn {background:url('../images/nouveau.png') 6px center no-repeat rgba(0,0,0,0.2); padding-left:25px;}
	.omo-edit-btn { background:url('../images/edit.png') 6px center no-repeat rgba(0,0,0,0.2); padding-left:25px;}
	.omo-delete-btn { background:url('../images/delete.png') 6px center no-repeat rgba(0,0,0,0.2); padding-left:25px;}
	.omo-btn:hover {background-color:#ffcc00; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
	.omo-btn-container.omo-right .omo-btn {float: right; display:table-cell; vertical-align:center}
	.omo-btn-container.omo-right {clear:both;}
	.facebook {margin:10px;background:url(/style/templates/common/images/logo_facebook.png); width:57px; height:57px; }
	.youtube {margin:10px;background:url(/style/templates/common/images/logo_youtube.png); width:57px; height:57px; }
	.academie {margin:10px;background:url(/style/templates/common/images/logo_academie.png); width:57px; height:57px; }
	.faq {margin:10px;background:url(/style/templates/common/images/logo_faq.png); width:57px; height:57px; }

	/* *************************** */


	/* Formatage des tableaux */
	tr.highlight:hover {background:none}
	tr.highlight td {padding:5px;}
	tr.highlight td:first-child { border-top-left-radius: 10px; }
	tr.highlight td:last-child { border-top-right-radius: 10px; }
	tr.highlight td:first-child { border-bottom-left-radius: 10px; }
	tr.highlight td:last-child { border-bottom-right-radius: 10px; }
	tr.highlight:hover td {background-color:rgba(0,0,0,0.1); }
	/* *************************** */


	/* Menu de navigation interne dans la page, entre autre pour les politiques */
	.menuOMO a {border-radius:0px; display:inline-block;min-width:90px;background:inherit !important;text-decoration:none; text-align:center;	padding-top:12px;margin-right:5px;}
	.menuOMO a:hover {border-bottom:14px solid #c7d5e2;}
	.menuOMO a.active {	border-bottom:14px solid #a7bcd0;}
	/* ********************************* */


	/* Menu fixe en haut pour la navigation */
	#logo {background:url('/images/titre_omo.png') left top no-repeat;width:346px; max-width:30%; background-position:center center; background-size:contain; height:43px;display:inline-block;position:relative;left:30px}
	.header {position:fixed; background:#EF3456;  top:0px; left:0px; right:0px; height:30px;z-index:5}
	.imgprofilhaut {height: 26px;width: 26px;border-radius: 5px 0px 0px 5px;}
	#omo-pubapp {display:none;  background: var(--midlow-bg-color);text-align:center;}


	/* > Login box */
	.login {position:absolute; top:-3px; right:10px; text-align:right;	padding:5px; padding-top:0px;   }
	.login table { font-size:12px;}
	 button#btn_login {padding-top:1px; padding-bottom:1px;}
	.login button  {font-size:10px;}
	.login input  {font-size:14px; margin-top:0px; padding: 2px 9px 3px 9px;}
	
	/* > Naviguation */
	.treeNav td {vertical-align:middle;  padding-top:1px; font-weight:bold;}
	.omo-circle { min-height:0px; display:inline-block;}
	.omo-circle a:hover, .mainNav td.nav_std a:hover {color:#333; font-weight:bold;}
	.omo-circle a, .mainNav td.nav_std a {padding:0px 7px; border-radius:10px;text-decoration:none; font-style:italic; font-size:12px; font-weight:bold;}
	.mainNav .omo-circle {background:none; padding-left:0px; min-height:0px;}
	.mainNav .omo-role { background:none; padding-left:4px; min-height:0px;}
	#nav_select {padding:2px;border-radius:5px;font-size:smaller;}
	.mainNav td.nav_std:after { content:">"; font-weight:normal;}
	.omo-circle { padding-left:4px; }
	.omo-meeting { padding-left:4px; }
	.mainNav td.nav_std img{display:none;}
	.mainNav td.nav_home a{color:#AAAAAA}
	 div.mainNav { position:fixed; z-index:5; top:0px; left:0px; width:100%; text-align:left; background-color: #7fb5c8; margin-bottom:10px;}
	 div.mainNav div.title {background-color: #6c9727; height:36px; border-top:1px solid #839db3 ; border-bottom:1px solid #0c2235 ;}
	.mainNav table td{padding-top:6px;}
	.mainNav table {padding:0px; margin:0px; margin-left:10px;  border:0px; padding-bottom:6px;height: 34px;}
	/*.mainNav td.nav_std{background:none;}*/
	.mainNav .nav_title {padding:7px 10px 0px; font-size:12px; text-transform:uppercase; font-style:italic;}
	/* **************** */


	/* Navigation carte sur le côté */
	#circle_map, #reunion  {background:#FFFFFF;width:100%;height:100%;position:fixed;left:100%;top:0px;z-index:111;border-left:2px solid #CCCCCC;box-sizing: border-box;padding-right:50px;}
	#map_onglet, #reu_onglet {position:absolute;	left: -28px;width: 30px;height: 110px;top: 50px;background-color:#FFFFFF;border-radius: 10px 0px 0px 10px;border:2px solid #CCCCCC;box-shadow: 10px 10px 5px rgba(0,0,0,0.5);line-height:30px;	box-sizing: border-box;	z-index:110;	border-width:2px 0 2px 2px;}
	#inside_map, #inside_reu {background:#FFFFFF;position:relative;width:100%;height:100%;z-index:111;overflow:hidden;}
	#map_onglet, #reu_onglet {-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: center;cursor:pointer}
	#frame_reunion {border:0px; width:100%; height:100%;}
	/* **************** */

	/* Navigation constitution sur le côté */
	#constitution {background:#FFFFFF;width:100%;height:100%;position:fixed;left:100%;top:0px;z-index:111;border-left:2px solid #CCCCCC;box-sizing: border-box;padding-right:50px;}
	#cons_onglet {position:absolute;	left: -28px;width: 30px;height: 110px;top: 175px;background-color:#FFFFFF;border-radius: 10px 0px 0px 10px;border:2px solid #CCCCCC;box-shadow: 10px 10px 5px rgba(0,0,0,0.5);line-height:30px;	box-sizing: border-box;	z-index:110;	border-width:2px 0 2px 2px;}
	#inside_cons {background:#FFFFFF;position:relative;width:100%;height:100%;z-index:111;overflow:hidden;}
	#cons_onglet {-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: center;cursor:pointer}
	/* **************** */
	
	/* Navigation budget sur le côté */
	#budget {background:#FFFFFF;width:100%;height:100%;position:fixed;left:100%;top:0px;z-index:111;border-left:2px solid #CCCCCC;box-sizing: border-box;padding-right:50px;}
	#budget_onglet {position:absolute;	left: -28px;width: 30px;height: 110px;top: 300px;background-color:#FFFFFF;border-radius: 10px 0px 0px 10px;border:2px solid #CCCCCC;box-shadow: 10px 10px 5px rgba(0,0,0,0.5);line-height:30px;	box-sizing: border-box;	z-index:110;	border-width:2px 0 2px 2px;}
	#inside_budget {background:#FFFFFF;position:relative;width:100%;height:100%;z-index:111;overflow:hidden;}
	#budget_onglet {-webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; text-align: center;cursor:pointer}
	/* **************** */



	/* Emplacement des colonnes */

	 div.main {text-align: center; height: 100%; overflow:auto;} 

	.omo-maindiv { width:100%;  height:100%; margin-left: auto;  margin-right: auto; overflow: hidden; }
	.omo-leftcol { width:33%;  float:left; height:100%}
	.omo-rightcol { height:100%; overflow: hidden; margin-right:30px; }
	.adminbrowser .omo-rightcol{ width:100%; } /* Taille spécifique pour la page d'administration */
	
	.omo-rightcol .ui-tabs-nav { padding-left:2px !important; }
	.omo-rightcol a.ui-tabs-anchor { min-height: 30px;}
	/* ********************************* */


	 /* Structure des tabs de la colonne de droite, et également de gauche */
	.ui-tabs-anchor {height:27px; }
	.fulldiv {width:100%; position:relative; height:100%}
	.tabheader {z-index: 1; box-sizing: border-box; padding:8px; background:#FFFFFF; height:50px; overflow:hidden; position:absolute; box-shadow: 0px 4px 4px rgba(0,0,0,0.4); width:100%}
	#tabs_gauche .tabheader {background:#7fb5c8;}
	.tabcontentwithheader {box-sizing: border-box;height:100%; width:100%; padding-top:50px;}
	.tabcontent {box-sizing: border-box;height:100%; width:100%; }
	.tabcontentscroll {padding:8px; box-sizing: border-box;height:100%; overflow:auto;}
	/* ********************************* */
	
	/* Affichage des boîtes de dialogue */
	#dialogStdContent ul.ui-tabs-nav {overflow: hidden; overflow-y:auto;  max-height:345px}
	#dialogStdContent {height:100%}
	/* ***************************** */
	
	/* Affichage des outils cachés dans une bullet */
	.tools .tools_buttons {display:none;  }
	.tools .tools_menu {box-sizing: content-box; margin: auto 0 0 auto; height:18px; width:12px; text-align:center; font-weight:bold; border-radius:15px; padding:6px 10px; background:#eeeeee; white-space: nowrap;}
	.tools:hover .tools_buttons {box-sizing: content-box; display: block; height:18px; border-radius:15px; padding:6px 25px 6px 10px; background:#eee; white-space: nowrap;}
	.tools:hover .tools_menu {display:none; }
	/* ********************************* */


	/* Elements bonus en bas des pages d'onglet */
	.print_button {	background:#7fb5c8;	border:2px solid #7fb5c8;padding:5px;border-radius:5px;	margin-left:30px;padding-left:20px;display:inline-block;text-decoration:none;position:relative;}
	.print_button img {	position:absolute;	margin-left:-40px;	margin-top:-10px; }
	.bonus {background-color:rgba(0,0,0,0.1);border-radius:5px;padding:0px 10px 15px 10px;	margin-top:10px;margin-bottom:10px;	}
	.bonus h1 {	color:rgba(0,0,0,0.2);	}
	/* ********************************* */


	/* Affichage des accordéons */
	.grey_design .ui-widget-content {border: 2px solid #EFEFEF;border-top:0px;background: #ffffff ;}
	/* Accordéon au repos */
	 .grey_design  .ui-state-default,
	 .grey_design .ui-widget-content .ui-state-default,
	 .grey_design .ui-widget-header .ui-state-default {border: 2px solid #EFEFEF;background: #FEFEFE;}
	/* Lorsque curseur dessus */
	 .grey_design .ui-state-hover,
	 .grey_design .ui-widget-content .ui-state-hover,
	 .grey_design .ui-widget-header .ui-state-hover,
	 .grey_design .ui-state-focus,
	 .grey_design .ui-widget-content .ui-state-focus,
	 .grey_design .ui-widget-header .ui-state-focus {border: 2px solid #EFEFEF;background: #ffe67c url(images/ui-bg_flat_75_ffe67c_40x100.png) 50% 50% repeat-x;}

	.ui-button:hover {background-color: #FFe67c !important;	}
	/* Light design */
	/* Contenu d'un accordion */
	.light  .ui-widget-content:not(.ui-button) {border: 1px solid #eee;background: #ffffff ;}
	/* Accordéon au repos */
	.omo-cols .light  .ui-state-default:not(.ui-button),
	.omo-cols .light  .ui-widget-content .ui-state-default:not(.ui-button),
	.omo-cols .light  .ui-widget-header .ui-state-default:not(.ui-button) {border: 0px solid #CFCFCF;border-bottom:1px solid #CFCFCF;background: #FEFEFE;}
	/* Lorsque curseur dessus */
	 .light  .ui-state-hover:not(.ui-button),
	.light   .ui-widget-content .ui-state-hover:not(.ui-button),
	 .light  .ui-widget-header .ui-state-hover:not(.ui-button)
	 {	background: #ffe67c url(images/ui-bg_flat_75_ffe67c_40x100.png) 50% 50% repeat-x;}
	/* accordéon ouvert */
	 .light  .ui-state-active:not(.ui-button),
	 .light  .ui-widget-content .ui-state-active:not(.ui-button),
	 .light  .ui-state-active:not(.ui-button) {	border-bottom: 1px solid #EEEEEE;}
	 /* Liens des accordéons */
	 h3.ui-accordion-header a{color:#333; border-radius:10px; padding: 0px 20px 0px 5px ;}
	 h3.ui-accordion-header a:hover { background: url('/images/bkg_icon_help.png') right 3px top 3px no-repeat #FFFFFF; background-size:15px}

	/* ********************************* */
	
	.ellipsis {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	
	/* Elements pour le financement de OMO */
	.getmoney {box-sizing: border-box;position:fixed; z-index:9000;width:100%;top:0px; left:0px;right:0px;pointer-events: none;}
	.getmoney_text {box-sizing: border-box;padding:10px;pointer-events:auto;width:100%;  background:rgba(255,255,125,0.9)}
	.getmoney_onglet {padding:5px;pointer-events:auto;cursor:pointer; width:100px; text-align:center; background:rgba(255,255,125,0.9); border-radius:0px 0px 10px 10px; margin-left:auto; margin-right:auto;}
	.getmoney_title {font-weight:bold}
	.getmoney_bar {margin:0px 2%; box-sizing: border-box; padding-left:5px;background:url(/images/cpt_pay.png) left top no-repeat #AAAAAA; height:14px; color:#FFFFFF; font-size:smaller; border:1px solid black; width:96%;}
	/* ********************************* */

	/* Affichage des FieldsSet */
	 legend {font-weight:bold; padding:5px;background:#7fb5c8; position:relative; border:0; border-radius:5px}
	fieldset {box-sizing:border-box; padding:10px;margin-top:8px; margin-bottom:12px; padding-top:5px; }
	#tabs_droite fieldset {border:0px }
	#tabs_gauche fieldset {background:rgba(255,255,255,0.4); border:0px; border-radius:5px;}
	#tabs_gauche legend {background:rgba(255,255,255,1);}
	fieldset.light {background:#FAFAFA; margin-bottom:0px; font-size:12px;}

	/* *********************** */


	/* Affichage des meetings */
	.meeting {cursor:pointer; border-radius:5px;}
	.meeting:hover {background-color:#fff0af;}
	.omo-current-meeting {background-color: #FFE67C !important}
	.omo-old-meeting, .omo-old-meeting a {color: rgba(0,0,0,0.3)}
	/* ********************* */
	
	/* Affichage des fichiers */
	.omo-document-file {height:50px; width:50px; float:left; margin:2px; background-color:#CCCCCC; background-position: center; background-repeat: no-repeat; background-size:contain;}
	.omo-document-icon {height:50px; width:50px; float:left; margin:2px; background-color:#CCCCCC; background-position: center; background-repeat: no-repeat; background-size:32px}
		.role_document {
		display:block;
		border-top:1px solid #CCCCCC;
		padding:2px;
		position:relative;
		background: left center no-repeat rgba(255,255,255,0.5);
		padding:5px;
		background-size:64px;
		margin-bottom:5px;
		clear: both; 
		
	}
	.role_document:first-child {border-top:0px}
	.role_document .bottom {
		bottom:2px;
		display:block;
		width:100%;		
	}
	.role_document .options {
		position:absolute;
		top:0px;
		right:0px;
	}

	/* A DEPLACER DANS UN MODULE DE MEETINGS */
   .omo-calendrier {border:2px solid rgb(98, 124, 146); text-align:center; border-radius:5px; width:65px;background:rgba(255, 255, 255, 0.7); margin-right:10px;}
   .omo-date-mois {background:rgb(98, 124, 146); color:#FFFFFF; text-transform: uppercase;font-weight:bold;text-shadow: 1px 1px rgb(0,0,0);}
   .omo-date-nojour {font-size:30px; text-shadow: 0px 0px 3px rgb(255,255,255);}
   .omo-date-jour {text-transform: lowercase;font-weight:bold;}
	/* ********************* */
	
	
	/* A DEPLACER DANS  UN MODULE DE LISTE DE MEMBRES */
	 #tabs_gauche .omo-user-block {border-radius:25px 5px 5px 25px; }
	.omo-user-block {background-color: rgba(255, 255, 255, 0.5); padding:5px; min-height: 45px; min-width:200px; margin-bottom:3px;}
	.omo-user-img img {width:35px; height:35px;}
	.usr_danger img { opacity:0.6;}
	.usr_danger {background-color:rgba(255, 0, 0, 0.4);border-radius:5px;}
	.omo-user-img {display:inline; float:left; margin-right:5px;border-radius:50%; overflow:hidden; height:35px;}
	a.omo-removeOrganisationMember {float:right}
	a.omo-removeCircleMember {float:right}
	/* ********************* */
	
	/* A DEPLACER SUR LA PREMIERE PAGE */
	a.omo-org-visitor, div.omo-org-visitor {background:url('../../../images/icon_org_visitor.png') 7px 7px no-repeat; min-height:60px;padding:5px; padding-left:80px; display:block;text-decoration:none; }
	a.omo-org-member {background:url('../../../images/icon_org_member.png') 7px 7px  no-repeat; min-height:60px;padding:5px; padding-left:80px; display:block;text-decoration:none; }
	a.omo-org-admin {background:url('../../../images/icon_org_admin.png') 7px 7px  no-repeat; min-height:60px;padding:5px; padding-left:80px; display:block;text-decoration:none; }
	a.omo-org-visitor h3, div.omo-org-visitor h3, .omo-org-member h3, .omo-org-admin h3, .cadre h3 {margin:0px;font-size:20px;}

	

	/* A DEPLACER DANS GOUVERNANCE */
	
  	/* Formulaire gouvernance, utilisé à plusieurs endroits */
	.omo-project-action {padding:5px; padding-left:120px;background:url('../images/icon_projet.png') 5px 5px no-repeat #DDDDDD; min-height:80px }
	.omo-action-action { padding:5px; padding-left:120px;background:url('../images/icon_action.png') 5px 5px no-repeat #DDDDDD; min-height:80px }
	.omo-circle-action {padding:5px; padding-left:120px;background:url('../images/icon_cercle.png') 5px 5px no-repeat #DDDDDD; min-height:80px }
	.omo-role-action { padding:5px; padding-left:120px;background:url('../images/icon_role.png') 5px 5px no-repeat #DDDDDD; min-height:80px }
	.omo-policy-action {padding:5px; padding-left:120px;background:url('../images/icon_politique.png') 5px 5px no-repeat #DDDDDD; min-height:80px }
	.omo_legende_onglet {max-width:190px;text-overflow:ellipsis; overflow:hidden; font-size:80%; padding-right:10px; margin-top:-1px; color:rgba(0,0,0,0.5)}
	.hidefocus{display:none;}
	/* ********************* */

	/* A DEPLACER DANS BUG */

  	.omo-bug-1 {background:url('../images/bug_1.jpg') center center no-repeat}
  	.omo-bug-2 {background:url('../images/bug_2.jpg') center center no-repeat}
  	.omo-bug-3 {background:url('../images/bug_3.jpg') center center no-repeat}
  	.omo-bug-4 {background:url('../images/bug_4.jpg') center center no-repeat}
  	.omo-bug-5 {background:url('../images/bug_5.jpg') center center no-repeat}


	/* Affichage d'images et d'icon avant certains textes */
	.omo-me {background:url('../images/hand.png') left 10% no-repeat; padding-left:27px; min-height:18px; display:inline-block;}	
	.omo-role-1 {background:url('../images/structural2.png') left 50% no-repeat; padding-left:30px; min-height:18px; display:inline-block;}	
	.omo-role-1-me {background:url('../images/structural.png') left 50% no-repeat; padding-left:30px; min-height:18px; display:inline-block;}	
	.omo-role { background:url('../images/role.png') left 50% no-repeat; padding-left:20px; min-height:18px; display:inline-block;}
	.omo-org { background:url('../images/btn_org.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}
	.omo-membres { background:url('../images/btn_membres.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}
	.omo-licence { background:url('../images/btn_licence.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}
	.omo-role-2 {background:url('../images/leadlink2.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-2-me  {background:url('../images/leadlink.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-4 {background:url('../images/replink2.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-4-me {background:url('../images/replink.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-8 {background:url('../images/secretaire2.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-8-me {background:url('../images/secretaire.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-16 {background:url('../images/facilitor2.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-16-me {background:url('../images/facilitor.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-32, .omo-circle {background:url('../images/circle2.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	.omo-role-32-me, .omo-circle-me {background:url('../images/circle.png') left 50% no-repeat; padding-left:26px; min-height:18px; display:inline-block;}
	/*.omo-role-32, .omo-circle {background:url('../images/circle.png') left 50% no-repeat; padding-left: 29px; margin-left: 3px; min-height:18px; display:inline-block;}
*/	.omo-role-64, .omo-circle {background:url('../images/link2.png') left 50% no-repeat; padding-left:36px; min-height:18px; display:inline-block;}
	.omo-role-64-me, .omo-circle-me {background:url('../images/link.png') left 50% no-repeat; padding-left:36px; min-height:18px; display:inline-block;}

	.omo-help {display:inline-block; vertical-align:text-bottom; background: url('/images/bkg_icon_help.png') 0px 0px no-repeat;background-size:cover;min-width: 17px;min-height: 15px;text-decoration: none;	font-size:smaller;opacity:0.5;}
	.omo-help:hover {opacity:0.9;border-radius:50%;	}
	.omo-help-title, .omo-warning-title, .omo-info-title {background: url('/images/bkg_icon_help.png') 3px 3px no-repeat #DDDDDD;min-width: 21px;min-height: 28px;text-decoration: none;font-size:smaller;padding:7px 4px 4px 34px;	}

	
	.omo-pv {background:url('../images/meeting.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-user {background:url('../images/user.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-value {background:url('../images/valeurs.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-purpose {background:url('../images/purpose.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-structural {/*background:url('../images/structural.png') left 50% no-repeat; padding-left:28px;*/ min-height:18px; display:inline-block;}
	.omo-strategy {background:url('../images/strategy.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
		#tabsG-1 .omo-strategy {background:url('../images/strategy.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}
	.omo-vision {min-height:18px; background:url('../images/vision.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-mission {min-height:18px; background:url('../images/mission.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-values {min-height:18px; background:url('../images/values.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-metrics {min-height:18px; background:url('../images/metrics.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-projects {background:url('../images/projects.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-go {background:url('/images/go.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}
	.omo-politic {background:url('../images/politics.png') left 50% no-repeat; padding-left:23px; min-height:18px; display:inline-block;}

	.omo-add-checkliste {min-height:18px; background:url('../images/btn_checkliste.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}
	.omo-add-metrics {min-height:18px; background:url('../images/btn_indicateur.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}

	/*.omo-politic-scope {background:url('../images/politics.png') left 50% no-repeat; background-size:cover; height:13px; width:14px; display:inline-block;} */
	.omo-structure {background:url('../images/structure.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}
	.omo-agenda {background:url('../images/agenda.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}
	.omo-resume {background:url('../images/resume.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}
	.omo-documents {background:url('../images/document.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}
	.omo-history {background:url('../images/history.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}
	.omo-calendar {background:url('../images/calendar.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}
	.omo-edit2 {background:url('../images/edit.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}
	.omo-checklist {background:url('../images/checklist.png') left 50% no-repeat; padding-left:23px !important; min-height:18px; display:inline-block;}

	.omo-domain{background:url('../../../../images/scope.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}
	.omo-responsability {background:url('../images/strategy.png') left 50% no-repeat; padding-left:25px; min-height:18px; display:inline-block;}

	.omo-delete {display:inline-block;  background: url('../images/delete.png') center center no-repeat;  width:21px; height:18px;text-decoration:none}
	.omo-edit {display:inline-block;  background: url('../images/edit.png') center center no-repeat; width:21px; height:18px;text-decoration:none}
	.omo-convert {display:inline-block;  background: url('../images/btn_convertproject.png') center center no-repeat; width:21px; height:18px;text-decoration:none; opacity:0.7}
	.omo-link {display:inline-block; background: url('../images/icon_link.png') center center no-repeat; width:21px; height:18px;text-decoration:none}

	.omo-meeting-type1 {background:url('/images/icon_gouv.png') 20px 26px no-repeat  rgba(255,255,255,0.6); margin-bottom:5px; padding:3px; }
	.omo-meeting-type2 {background:url('/images/icon_tri.png') 20px 26px no-repeat  rgba(255,255,255,0.5);  margin-bottom:5px; padding:3px;}
	.omo-meeting-type3 {background:url('/images/icon_strat.png') 20px 26px no-repeat rgba(255,255,255,0.4);  margin-bottom:5px; padding:3px;}

	.omo-warning {display:inline-block; background:url('/images/icon_warning.png') 0px 0px no-repeat ; padding-left:15px;}

	.omo-circle-nav { background: url('../images/circle.png') left 50% no-repeat; padding-left: 23px; min-height: 18px; display: inline-block;}
	.omo-fonctionel {background:url('../images/fonctionel.png') left 10% no-repeat; padding-left:35px; min-height:22px; display:inline-block;padding-top:4px;}

	.omo-purpose {background:url('../images/purpose.png') left 50% no-repeat; padding-left:29px; min-height:18px; display:inline-block;}
	.ui-accordion-content .omo-purpose {background:url('../images/purpose.png') left 50% no-repeat; padding-top:4px;padding-left:23px; min-height:18px; display:inline-block;}

	.check {display:block; width:25px; height:25px; background:url(images/check.png); background-size: contain;}
	.nocheck {display:block; width:25px; height:25px; background:url(images/nocheck.png); background-size: contain;}
	.checkbof {display:block; width:25px; height:25px; background:url(images/checkbof.png); background-size: contain;}

	h2.purpose {padding-top:3px; min-height:24px; background:url('/style/templates/images/icon_purpose.png') 0px 0px no-repeat; background-size:24px 24px; padding-left: 26px;}
	h2.accountability {padding-top:3px; min-height:24px; background:url('/style/templates/images/icon_attendu.png') 0px 0px no-repeat; background-size:24px 24px; padding-left: 26px;}
	h2.scope {padding-top:3px; min-height:24px; background:url('/style/templates/images/icon_demain.png') 0px 0px no-repeat; background-size:24px 24px; padding-left: 26px;}
	h2.strategy {padding-top:3px; min-height:24px; background:url('/style/templates/images/icon_strategy.png') 0px 0px no-repeat; background-size:24px 24px; padding-left: 26px;}

	/* Affichage de l'historique */
	del {
		color: #b30000;
		background: #fadad7;
	}
	ins {
		background: #eaf2c2;
		color: #406619;
		text-decoration: none;
	}
	/* *************************** */


	/* Elements pédagogique et d'alerte */
	.omo-warning-title {background: url('/images/bkg_icon_warning.png') 3px 3px no-repeat #FFCCCC;}
	.omo-info-title {background: url('/images/bkg_icon_warning.png') 3px 3px no-repeat #FFFFAA;}
	.omo-more-help {background:#EEEEEE;	padding:10px;font-size:smaller;	display:none;}
	.omo-more-warning {	background:#FFDDDD;	padding:10px;font-size:smaller;	display:none;border: 2px solid #FFCCCC;	}
	.omo-more-info {background:#FFFFCC;	padding:10px;font-size:smaller;	border: 2px solid #FFFFAA;}
	.omo-more-warning .video {display:table-cell; text-align:center; padding-right:10px;}
	.omo-more-warning hr {border:4px solid #FFAAAA; width:50%}
	.omo-more-warning h1 {font-size:120%; color:#000000;}
	.omo-more-warning .videolist {display:table; margin:auto;}
	/* ********************** */


	/* Adaptation des zones selon la largeur de l'écran - DDr 17.5.2014*/
	@media all and (min-width: 1030px)  {
		#search_field {width:350px;}
		.omo-leftcol {height:100%}	
		.omo-navv {display:none;}
		.omo-accordion-info {float:right; display:block; }
	}
	@media all and (min-width: 800px) and (max-width: 1030px)  {
		#search_field {width:130px;}
		.omo-leftcol { width:300px; }	
		.col1 {float:inherit; width:100%}
		.omo-tab-label {display:none}
		.omo-navv {display:none;}
		.omo-accordion-info {float:inherit; display:block; }
	}
	/* Lorsque trop petit, redirige sur l'app */
	@media all and (max-width: 799px)  {
		#omo-pubapp {position:fixed; display:block; width:100%; height:100%;z-index:1000; top:0px; color:#FFFFFF;}
		#omo-pubapp img {max-width:100%; max-height:80%;}
		#omo-pubapp a {margin-top:10px; font-size:120%; color:#FFF;}
	
/*		#search_field {display:none}
		.omo-leftcol {float:inherit; width:100%;overflow:hidden}	
		.omo-rightcol {float:inherit; width:100%;}	
		.omo-maindiv {overflow: auto;height:auto; }
		.omo-accordion-info {float:right; display:block; }
	}
	@media all and (max-width: 640px)  {	
		#logo, #omo-bug {display:none}		
		body {background:#f4f9fe;}
		.col1 {float:inherit; width:100%}
		.omo-accordion-info {float:inherit; display:block; }
		.omo-tab-label {display:none}   */
	}
	/* **************************** */
	
	
/* ********************************************* */
/* A CLASSER                                     */
/* ********************************************* */


	#accordion h3.ui-accordion-header {padding-left:1.8em;}
	.omo-accordion-info {white-space:nowrap; font-size:12px; margin-top:1px;}
	.ui-accordion-content .omo-strategy, .ui-accordion-content .omo-user {padding-top:4px;}
	.ui-accordion-content .omo-accountabilities, .ui-accordion-content .omo-scope, .ui-accordion-content .omo-strategy {font-size:90%;}
	#form_login ul.ui-menu {font-size:10px; padding:0px; padding-top:1px;}
	.title h1 {margin:0; padding:0; font-size:12px; color:#FFF; margin-left:10px; float:left; text-decoration:none; border:none; padding-top:10px;}
	.role_right_col {border-left:2px solid rgba(0,0,0,0.1); padding-left:10px;}
	.light .ui-accordion-content ul li,  .light .ui-accordion-content{ font-size:12px;}
	.light .ui-accordion-content ul {padding-left:0px;}
	.light legend {color:#333;}
	input#remember_me {margin-top:1px;margin-left:0px;margin-bottom:0px;}
	.cartouche {background:rgba(0,0,0,0.1); border-radius:10px; display:inline-block; padding:0px 5px; margin-right:5px;}
	.cartouche .circle{background:#CCCCCC; color:#FFFFFF; }
	#tabs-3 .grey_design .ui-widget-content table, #tabs-2 .grey_design .ui-widget-content, #tabs-4 .grey_design .ui-widget-content, #tabs-4 .grey_design .ui-widget-content table, #tabs-5 .grey_design .ui-widget-content table, #tabs-5 .grey_design .ui-widget-content {
font-size: 12px;
border-top: none;}
	.addmembercircle { height: 22px; width: 22px;}	
	.omo_menu_onglet_right {float:right;}
	.omo_menu_onglet_right img {margin-left:10px; margin-top:6px;}
	#content_1 {padding-bottom:0px; }
	#content_4 [style], #content_1 [style]{ padding-left:12px;}
	#content_2, #content_3 {padding-left:0px; }
	#tabs_gauche #content_1  ul, #tabs_gauche #content_2  ul, #tabs_gauche #content_3  ul  {padding-left:29px;}
	.ui-tabs-anchor .omo-role-1 {background:none; padding-left:0px;}
	.reload img{vertical-align:bottom; margin-top:-1px;margin-left:3px;}
	#roleBrowser td.omo-box {background-color: rgba(255, 255, 255, 0.7);}
	 form th {text-align:right; min-width:100px; font-weight:bold; color:#5a748b; padding-right:20px;}
	.omo-label-accordion {font-weight:bold;}
	.omo-label-text {display:inline-block; min-width:100px; text-align:right; font-weight:bold; color:#5a748b; padding-right:20px;}
	.omo-value {font-weight:bold;}
	.omo-field input[type=text],.omo-field input[type=password] {width:90%}
	.omo-searchresult-content td {border-bottom:1px solid #BBBBBB; padding-bottom:20px; }
	.omo-searchresult-title th {background: #EEEEEE; padding:3px; }
	.scratchPad {position:absolute; height:99%; z-index:10;  left:0px; top:0px;}
	.scratchPad textarea{width:250px; height:100%; max-height:100%; border:5px solid #D5E0EA;}
	div.link {text-decoration:underline; cursor:pointer}
	.omo-label {font-weight:bold; font-size:110%;}
	.omo-fieldset {box-sizing:border-box;margin-bottom:5px; background:#FFFFFF; border-radius:5px; padding:5px;}
	.omo-field input, .omo-field textarea {border-radius:5px;}
	.omo-fieldhelp {color:#888888}
	 div.omo-inlineblock {display:inline-block; margin-right:20px;}
	.omo-inlineblock div{display:inline-block; margin-right:10px;}
	.action_title {padding:2px; border-radius:3px;}