@charset "UTF-8";
/****
CECI EST LE CSS GÉNÉRAL D'IDSIDE. LE CSS SPÉCIFIQUE AUX CLIENTS CE RETROUVE DANS ADMIN/MODELES DE CHAQUES CLIENTS
****/
@font-face {
    font-family: 'dinregular';
    src: url('/idside8.2/fonts/dinregular-webfont.eot');
    src: url('/idside8.2/fonts/dinregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/idside8.2/fonts/dinregular-webfont.woff') format('woff'),
         url('/idside8.2/fonts/dinregular-webfont.ttf') format('truetype'),
         url('/idside8.2/fonts/dinregular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS GÉNÉRAL */
/*Sauvegarde saisie/formulaire*/
.sauvegardeSucces,
.sauvegardeEchec {
	font-size: 1rem;
	padding: 10px;
	position: fixed;
	right: 0;
	top: 0;
	background: #2cbd24;
	color: white;
	/*font-weight: bold;*/
	z-index: 9999;
	transition: top 0.3s;
}
.sauvegardeSucces.sousTopBar,
.sauvegardeEchec.sousTopBar,
#mainIDSide .sauvegardeSucces,
#mainIDSide .sauvegardeEchec {
	top: 50px;/*Sous la barre d'info dans le haut*/	
}
.sauvegardeEchec {
	background: #cb2128;
}
#conteneurErreur h1 {
	font-size: 1.4em;
	color: #1669ab;
}
.boutonRetour {
	color: #1669ab;
	font-weight: bold;
}
.boutonRetour::before {
	background: url(/idside8.2/admin/images/flecheRetour.png) 0 0 no-repeat;
	width: 19px;
	height: 12px;
	content: " ";
	display: inline-block;
	margin-bottom: -1px;
}
/*Nouveau menu accordéon*/
#menuIdsideAccordeon {
	background: #fff;
	width: 18%;
	margin: 30px 0 0 0;
	float: left;
	position: relative;
	/*color: white;*/
	color: #535353;
}
#menuIdsideAccordeon ul {
	padding: 0;
	margin: 0;
}
#menuIdsideAccordeon ul li {
		background: #ddecf5; /* Couleur des items principaux */
		margin-bottom: 2px;
}
#menuIdsideAccordeon ul ul li{
	background: #e8f2ff; /* Couleur des items sous-memu */
	margin-bottom: 0px;
}
	#menuIdsideAccordeon ul li a:hover {
		background: #249ad4; /* Over des items principaux */
		color: #fff;
	}
#menuIdsideAccordeon ul ul li a{
	color: #535353!important;
}
#menuIdsideAccordeon a[href="#/"], #menuIdsideAccordeon ul > li > a {
	padding: 0.5em 24px 0.5em 10px;
	line-height: 1.1em;
	display: block;
	color: #535353;
	text-decoration: none;
}
#menuIdsideAccordeon a[href="#/"]:hover, #menuIdsideAccordeon ul > li > a:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
#menuIdsideAccordeon a[href="#/"] span, #menuIdsideAccordeon ul > li > a span {
	font-size: 16px;
	margin-right: 10px;
}
#menuIdsideAccordeon li {
	list-style-type: none;
}
#menuIdsideAccordeon ul li a {
	position: relative;
}
#menuIdsideAccordeon ul ul li a, #menuIdsideAccordeon h4 {
	color: black;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.1em;
	display: block;
	padding: 0.5em 10px;
	transition: all 0.15s;
	position: relative;
	border-left: 5px solid #ddecf5;
}
#menuIdsideAccordeon ul ul li a:hover {
	background: #fff;
	border-left: 5px solid #249ad4;
}
#menuIdsideAccordeon ul ul {
	display: none;
}
#menuIdsideAccordeon li.active>ul {
	display: block;
}
/*#menuIdsideAccordeon ul > .active {
}*/
	#menuIdsideAccordeon ul > .active > a{ /*Premier niveau*/
		color: white;
		background: #249ad4;
	}
	#menuIdsideAccordeon ul ul > .active > a{/*2e niveau et plus*/
		border-left: 5px solid #249ad4;
		background: #e8f2ff;
	}
#menuIdsideAccordeon ul ul ul {
	margin-left: 15px;
	border-left: 1px dotted rgba(0, 0, 0, 0.5);
}
#menuIdsideAccordeon a:not(:only-child):after, h3 a[href="#"]:after {
	content: url("/idside8.2/admin/images/ico-menu-down.png");
	position: absolute;
	right: 8px;
	top: 6px;
	font-size: 14px;
	opacity: 0.5;	
}
	#menuIdsideAccordeon > ul > li > a:not(:only-child):hover:after, #menuIdsideAccordeon ul > li > h3 a[href="#"]:hover:after {
		content: url("/idside8.2/admin/images/ico-menu-down-over.png");		
	}
#menuIdsideAccordeon .active>a:not(:only-child):after, .active > h3 a[href="#"]:after {
	content: url("/idside8.2/admin/images/ico-menu-up-over.png")!important;
}
#menuIdsideAccordeon ul ul .active>a:not(:only-child):after { /*2e niveau et plus*/
	content: url("/idside8.2/admin/images/ico-menu-up.png")!important;
}
	#menuIdsideAccordeon > ul > li >  .active>a:not(:only-child):hover:after, #menuIdsideAccordeon ul > li > .active > h3 a[href="#"]:hover:after {
		content: url("/idside8.2/admin/images/ico-menu-up-over.png")!important;
	}
/*Fin nouveau menu*/

/*MENU, pour faire ressortir les listes utilisateurs*/
#menuIDSide li a[href*="listUsersCybercat.asp"],
#menuIdsideAccordeon li a[href*="listUsersCybercat.asp"] { /*Si URL contient le mot listUsersCybercat.asp*/
	color: #0168ad!important;
}
#menuIDSide li a[href*="listUsersCybercat.asp"]:hover,
#menuIdsideAccordeon li a[href*="listUsersCybercat.asp"]:hover { /*Si URL contient le mot listUsersCybercat.asp*/
	color: #fff!important;
}
#menuIdsideAccordeon li li a[href*="listUsersCybercat.asp"]:hover { /*Lorsqu'il est en sous-menu*/
	color: #0168ad!important;
}
form[action="hash.asp"] #mainIDSide tr:hover td:not(#mastertitreIDSide):not(.tdenregistrer),
form[action="paramDoctype.asp"] #mainIDSide tr:hover td:not(#mastertitreIDSide):not(.tdenregistrer),
form[action="paramGroupe.asp"] #mainIDSide tr:hover td:not(#mastertitreIDSide):not(.tdenregistrer),
.gestionMenu #mainIDSide table tr:hover td:not(#mastertitreIDSide):not(.tdenregistrer),
form[action="gestParam.asp"] tr:hover td:not(.sansHover):not(.tdenregistrer){
	background: #c4e0f3!important;
}
form[action^="saisie"] .logoODJentete {display:none;}
/*Dans saisie, doctype=impressionPV-ER
Style pour le form action se terminant par "impressionPV-ER"*/
form[action$="impressionPV_ER"] #mainIDSide table {width: 100%; max-width: 800px;}
/*form[action$="impressionPV_ER"] .questionsObligReg, 
form[action$="impressionPV_ER"] .questionsOblig{ color: black!important;}*/
form[action$="impressionPV_ER"] #mainIDSide table td:first-child:nth-last-child(2),
form[action$="impressionPV_ER"] #mainIDSide table td:first-child:nth-last-child(2) ~ td{
	width: 50%;
} 
form[action$="impressionPV_ER"] #mainIDSide table td:first-child:nth-last-child(3),
form[action$="impressionPV_ER"] #mainIDSide table td:first-child:nth-last-child(3) ~ td{
	width: 33.33%;
}
input.popup_directives {
	background: none!important;
	color: #1669ab!important;
	text-decoration: underline!important;
	padding: 0!important;
	border: none!important;
	font-weight: bold;
}
input.popup_directives:hover {
	text-decoration: none!important;
}
html {height:100%;}
body {height:100%;background:#fff;font-family:'dinregular',Arial,Helvetica, sans-serif;margin:0px; font-size: 14px;}
a img {border:0;}
#mainIDSideNoMenu #DragContainerMain a img {height: auto!important;}/*Pour que les images upload dans saisie garde la bonne proportion.*/
#mainIDSideNoMenu #DragContainerMain a:not(.imagePresente) img[onclick*="uploadform"] {min-height: 100px; min-width:100px; /*border: solid 1px #333333;*/} /*Lorsqu'il n'y a pas de photo, ca prend un minimum height pour voir le carré d'upload apparaître*/
a.imageVide img{
	border: 0;
	width: 120px; /*Par défaut pour uploadé une image*/
	height: 120px;
}
a.imageVide {
	display: inline-block;
	position: relative;
	border: solid 1px black;
}
div.texteImageVide {
	position: absolute;
	top: calc(50% - 21px); /*Le texte prend environ 42px de large*/
	text-align: center;
	width:100%;
	font-size: 14px;
	font-weight:bold;
}
form {margin:0px;padding:0px;}
select,input,textarea {padding:1px;}
.espaceSelection input[type=radio]{background:none; border: 0;}/*Pour IE, sinon il utilise le css dialog de TinyMCE*/
a {text-decoration:none;color: #535353;}
a:hover {color:#001811;}
#proces-verbal a {color: #1669ab;}
#proces-verbal a:hover {color: #00417e;}
.enteteCentrer {text-align:center;}
a[href^=tel]{text-decoration: underline;}
.important {color: #cb2128;}
/* PAGE LOGIN */
.bbLogin .bigger {font-size:1.2em;}
td.connexion {padding: 30px 0 20px 0;}
	td.connexion a.login {padding:3px 25px 3px 10px; background:#f6f8f9 url(../images/flecheLogin.png) no-repeat right; font-size: 1.2em; cursor:pointer;border:solid 2px #999999;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;/*Voir hackIE678*/}
	td.connexion a.login:hover {color:#015892;}
.rondMDPPerdu {width:34px;height:32px;border:double 3px #999999;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#eaeaea;display:block;font-size:26px;padding-top:2px;}
	.rondMDPPerdu:hover {background:#e0e0e0;}

/* BANDE TOP IDSIDE */
#barreTop *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#barreTop {width:100%; height:50px; position:static;z-index:999; background:#249ad4; color: #fff; height: 50px; font-size: 1.071em;}
	#barreTop #nomLog {float:left;margin:17px 0 0 25px;}
	#barreTop #nomLog span:before {content: "! "; font-weight: normal;}
	#barreTop .nomUtilisateur {font-weight:bold; text-transform: uppercase;}
	
	#barreTop ul {margin:0;padding:0;}
	#barreTop li {list-style:none;float:left;padding:0 15px;margin:17px 0 0 0;color:#fff;}
	#barreTop li a {text-decoration:none;color:#fff;}
	#barreTop li a:hover {color:#ddecf5;}

	.logoBandeau {display: inline-table;flex-flow: column;padding: 5px;max-width: 50px;margin: auto;}
	.textBandeauLogo {padding: 3px;text-align: center;padding-top:4px;}
	
	#messageImportant {display: none; margin-right: 25px;border-radius: 25px; padding:5px;border:none; background-color:white; color: red; height: 30px; margin-top: 0;float: right; line-height:30px; position:relative;}
	#messageImportant a{color: blue; text-decoration: underline;}

	#barreTop li#chronos {border:none; background-color:#1669ab; height:50px; margin-top: 0; padding-top:17px;}
	#barreTop li#chronos input {margin-top:-7px;font-size:1.1em;border:none!important;width: 50px; background:none;color:#fff;font-family:'dinregular',Arial,Helvetica, sans-serif;}
	
	/*#barreTop li#outilRecherche {border-left:solid 1px #0069a9;}*/
	#barreTop li#outilRecherche input {margin:-7px 0 0 3px;border:solid 1px #fff;height:20px; width:100px; color: #1669ab;font-family:'dinregular',Arial,Helvetica, sans-serif; font-size:0.9em;}
	
	#barreTop li#aideMemoire, #barreTop li#mosaique, #barreTop li#infoIdside, #barreTop li#boutonQuitter, #barreTop li#optionPerso {padding: 0 5px;}
		#barreTop li#aideMemoire a, #barreTop li#mosaique a, #barreTop li#infoIdside a#slick-toggle,#barreTop li#boutonQuitter a, #barreTop li#optionPerso a {display:block;width:35px;height:33px; margin-top: -8px;}
		#barreTop li#optionPerso a {background:url(../images/ico-optionPerso.png) no-repeat;}
			#barreTop li#optionPerso div a {display:block;background:none;width:100%;height:33px; margin-top:0;color:#5f6365;}
			#barreTop li#optionPerso div a:hover {background:none;width:100%;height:33px; margin-top:0;color:#000;text-decoration:underline;}
		#barreTop li#mosaique a {background:url(../images/ico-mosaique.png) no-repeat;}
		#barreTop li#aideMemoire a {background:url(../images/ico-aide-memoire.png) no-repeat;}
		#barreTop li#infoIdside a#slick-toggle {background:url(../images/ico-info.png) no-repeat;}
		#barreTop li#boutonQuitter a {background:url(../images/ico-quitter.png) no-repeat; margin-right: 20px;}
	#barreTop li#infoIdside, #barreTop li#optionPerso{position: relative;}	
	#barreTop #slickbox {position:absolute;z-index:9999; top:33px; right:0;/*margin:8px 0 0 -183px;*/text-align:right; min-width:250px;width:auto;/*float:right;*/padding:10px 20px;/*border-bottom-left-radius:10px;border-bottom-right-radius:10px;*/background:#249ad4;display:none;color:#fff; font-size: 0.929em; line-height:1.2em; border: solid 3px #fff; border-top:0}
	#barreTop #slickboxInfosPerso {position:absolute;z-index:0; top:33px; right:0;text-align:right; min-width:250px;width:auto;padding:10px 20px;background:#d6e0e6;display:none;color:#FFF; font-size: 0.929em; line-height:1.2em; border: solid 3px #fff; border-top:0}
	#barreTop .accent {font-size:14px; font-weight:bold; border-bottom:dotted 2px #0069a9; margin: 0.5em 0;}
	#barreTop .messagePdV.msss a {text-decoration: underline;}
	#barreTop .messagePdV.msss a[href^="mailto:"]{text-decoration: inherit;}
/*Fin Bande top*/


#frameIdside {/*position:relative;*/width:95%;margin:0 auto;}
#entete {width:100%;}
	#entete img { margin:70px 0 0 20px; position:absolute;}
	#seprateurEntete {height:20px;border-top:solid 1px #666666;}
#boxMenu {width:25%;min-width:200px;margin:30px 0 0 0;height:100%;float:left;display:table;}
#boxMain {width:70%;float:left;margin:30px 0 0 20px;}
.divDatepicker input{
	width: 25px;
}
	.divDatepicker input:nth-child(3){
		width: 40px!important;
	}
.tableauQSide2Side {
	font-size:1em!important;
}
/* MENU IDSIDE */
#menuIDSide {
	width:18%; /* Voir @media screen and (max-width: 1200px) pour la largeur minium du menu (200px) */
	margin:30px 0 0 0;
	float:left;
	position:relative;
	z-index:1;
}
#menuIDSide ul {
	z-index: 10;
	margin: 0 0 2px 0!important;
}
#menuIDSide ul,#menuIDSide li {
	padding:0px;
	margin:0px;	
}
#menuIDSide ul li {
	font-size:1em;
	list-style-type:none;
	background: #ddecf5;
	margin:2px 0 0 0;
	color:#231f20;
	position:relative;
}

#menuIDSide ul li a {
	padding:7px 20px;
	text-decoration:none;
	display:block;
	color:#535353;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-ms-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
}
	#menuIDSide ul li a:hover {
		background:#249ad4;
		color:#FFF;	
	}
		#menuIDSide ul li ul {
			display:none;
			position:absolute;
			top:0;
			left:97%;
			white-space:nowrap;
			z-index: 20;					
		}
		#menuIDSide ul li:hover ul {
			display:block;
			background: url(../images/menus/bck-sous-menu.gif) repeat-y;
		}
			#menuIDSide ul li:hover ul li, #menuIDSide ul li ul li:hover ul li {
				margin: 0 0 0 4px; /*4px pour la largeur du bck à gauche dans le UL*/
				font-size: 1em;
				background: #ddecf5;
				border-top: 2px solid #fff;	
			}		
				#menuIDSide ul li:hover ul li:first-child, #menuIDSide ul li ul li:hover ul li:first-child {border-top:0;}
			#menuIDSide ul li:hover ul li a, #menuIDSide ul li ul li:hover ul li a {
				padding: 4px 20px;
				text-decoration:none;
				color: #535353;
				background: #ddecf5;
			}			
			#menuIDSide ul li:hover ul li a:hover, #menuIDSide ul li ul li:hover ul li a:hover {	
				background: #249ad4!important; /*!important pour IE8*/
				color: #fff!important;
			}
#menuIDSide ul li a span.flecheSousMenu {
	opacity: 0.7;
	background: url(../images/fleche.png) center no-repeat;
	height:11px;
	position:absolute;
	text-indent:-9999px;
	top:11px;
	right:6px;
	width:11px;
}
	#menuIDSide ul li ul li a span.flecheSousMenu {
		top:7px;
	}
/*NOUVEAU SOUS-MENU	*/
#menuIDSide ul li ul li ul { z-index: 30;}
#menuIDSide ul li ul li ul li { display: none;}		
#menuIDSide ul li ul li:hover ul li { display: block;}

/*4ieme niveau*/
#menuIDSide ul li ul li ul li ul { z-index: 40;}
#menuIDSide ul li ul li ul li ul li { display: none!important;}		
#menuIDSide ul li ul li ul li:hover ul li { display: block!important;}

/*5ieme niveau*/
#menuIDSide ul li ul li ul li ul li ul { z-index: 50;}
#menuIDSide ul li ul li ul li ul li ul li { display: none!important;}		
#menuIDSide ul li ul li ul li ul li:hover ul li { display: block!important;}	
				
#menuQuitterIDSide {background: #48c4dd!important;}
	#menuQuitterIDSide a {display:block;color:#FFF;}
	#menuQuitterIDSide img {border:0px;}
#logoIDSideBasMenu {width:25%;min-width:200px;margin:0 auto 30px auto;}

#logoIDSide {
	position:relative;
	top:6px;
	left:51px;
}
#logoModifPass {
	text-align:center;
	margin-top:0px;
}
#expirPass {
	position:relative;
	left:5px;
	top:-43px;
	width:200px;
	font-size:0.9em;
	text-align:center;
	color:#616161;
}


/* FLASH INFO */
.fieldset {padding:5px 10px;margin-bottom:20px;border:outset 1px #dbdbdb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;behavior: url(/idside8.2/admin/css/PIE.htc);}
.titreSectionFlash {font-size:16px;font-weight:bold;font-style:italic;margin:0px;padding:0px 5px 5px 5px;color:#000;}
.contourContenuFlash {border:dotted 1px #cdcdcd; margin-bottom:5px;}
.dd-option, .dd-selected {
	display: flex!important;
}
.dd-option-text, .dd-selected-text {
	align-self: center;
}

/* MAIN */
/*#mainIDSide {width:100%; background:#fff;}*/
#mainIDSide {width:80%;float:left;margin:30px 0 0 2%;position:relative;z-index:0;}
	#mainIDSide td {background:#FFF;}
	#mainIDSide.textePlusGros td {font-size:1.1em;}
		#mainIDSide.textePlusGros td input.champPassUser {font-size:1.1em;height:20px;}
/*#mainIDsideNoMenu {position:absolute;left:10px;top:10px;width:600px;}*/
#mainIDsideNoMenu {width:100%;}
	#mainIDSideNoMenu td {background:#FFF;}
#mainIDsideNoMenuPlusTop {position:absolute;left:10px;top:130px;width:600px;}
#mainIDSideListdoc {width:80%;float:left;margin:30px 0 0 2%;position:relative;z-index:0;/*Comme mainIDSide*/}
	#mainIDSideListdoc td {background:#FFF;}
	#mainIDSideListdoc td.tdenregistrer {border-left:0; border-right:0;}

.tdenregistrer .inputText {
    border-radius:0!important;
    border-style: inherit!important;
    border-width: 0!important;
    box-shadow: none!important;
	border: solid 1px #000!important;
}	
/*#mastertitreIDSide {font-size:15px;font-weight:bold;color:#FFF;border-bottom:solid 1px #7A7A7A;padding:7px 5px 7px 15px;}*/

/*#mainIDSide td#mastertitreIDSide,#mainIDSideNoMenu td#mastertitreIDSide,*/
#mastertitreIDSide,td#mastertitreIDSide, #titreMenuIDside, #menuQuitterIDSide,
#mainIDSide td.tdmastertitre3,#mainIDSideNoMenu td.tdmastertitre4, .tdmastertitre2,
.titremenuList {font-size:1.429em;font-weight:normal;color:#FFF;padding:12px 20px;background:#1669ab;}
.titremenuList {font-size:1em;}
#motPasse .titre {background-color:#1669ab!important; color: #fff;}
#motPasse .contenuMDPPerdu {font-size:14px;}
#motPasse .inputMDP {font-size:16px!important;padding:4px!important;-webkit-box-shadow: 0 0 0 0!important;-moz-box-shadow: 0 0 0 0!important;box-shadow: 0 0 0 0!important;}
#motPasse input.boutonSubmit, .boutonIdside, #bouttonPublie, #bouttonPrint, .inputLarge {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background: none repeat scroll 0 0 #1669ab!important;
    border: 1px solid #1669ab!important;
    color: #fff!important;
    cursor: pointer!important;
    margin: 0 10px 0 0!important;
    min-width: 60px!important;
    padding: 3px 8px!important;
    transition: background 100ms linear 0s!important;}
.fermer {background: #cb2128!important; color: white!important; border: 1px solid #cb2128!important;}	
.boutonDisable {
	background: #ccc!important;
	color: #000!important;
	border: 1px solid #43525A!important;
	cursor: default!important;
}
form[action^="saisie"] .tdmaster, form[action^="saisie"] .tdenregistrerPilotage, form[action^="saisie"] .tdNePasAfficher,
form[action^="saisie"]  .tdenregistrer, form[action^="saisie"] .tdmasterOngletBloc {
	padding-left: 25px;
}
#motPasse input.boutonSubmit:hover, .boutonIdside:hover, #bouttonPublie:hover, #bouttonPrint:hover, .inputLarge:hover {background-color: #ddecf5!important;color: #000!important;}
.fermer:hover {background: #ff4444!important; color: white!important; border: 1px solid #cb2128!important;}
#motPasse .textePlusGros, #motPasse .textePlusGros#mainIDSide td {font-size: 1em!important;}
#motPasse .tdstitres {border-right: solid 1px #e0dfe3;padding-top: 10px;}
#motPasse .tdmainspacesGaucheDroite {padding: 10px 15px 0 15px;}
#motPasse .textePlusGros#mainIDSide td#mastertitreIDSide  {font-size: 1.2em!important;}
input[type="button"] {font-family:'dinregular',Arial,Helvetica, sans-serif;}	
input[name="affgrpnom"] { width: 95%; border: none;}
.genSaisie {position: relative;}
.ajustePadding15 div:first-child { margin-top: -15px;}
.ajustePadding30 div:first-child { margin-top: -30px;}
.genSaisie .questions{ font-weight: bold; position:absolute; left:-221px; margin-top:18px; text-align: right; width: 220px;}
tr.Entableau th{background: #1669ab; color:#fff;}
	tr.Entableau th a{color:#fff; padding:5px 0; font-size: 1em;}
	tr.Entableau th a:hover{ text-decoration:underline;}
#espaceMessage {height:75%;width:95%!important;overflow: visible!important;}	
td.bandePrive { color: #fff;}
.encadrerGris {
	border-bottom: 1px solid #e0dfe3!important;
    border-left: 1px solid #e0dfe3!important;
    border-right: 1px solid #e0dfe3!important;
}
#commentaires #mainIDSide,
#gestionutils #mainIDSide,
#odj-liste #mainIDSide,
#groupe #mainIDSide{
	border-bottom: 1px solid #e0dfe3!important;
}
.DragBox, .OverDragBox {
    font-size: 1em!important;
}
/*.tdmastertitre2 {font-size:16px;font-weight:bold;color:#FFF;height:31px;}*/
/*#mainIDSide td.tdmastertitre3,#mainIDSideNoMenu td.tdmastertitre4 {font-family: 'Advent Pro', sans-serif;font-size:1.8em;font-weight:400;background:#cecece;color:#000;padding:3px 3px 3px 15px;}*/
/*.tdmastertitre4 {font-size:15px;font-weight:bold;background:#F7F7F7;height:31px;border:solid 1px #7A7A7A;padding:3px 3px 3px 15px;}*/

/*.tdmaster {height:30px;font-size:11px;background:#FFF;border-right:solid 1px #7A7A7A;border-bottom:solid 1px #7A7A7A;border-left:solid 1px #7A7A7A;padding:3px 3px 3px 15px;}*/
.tdmaster {height:30px;font-size:1em;border-right:solid 1px #e0dfe3;border-bottom:solid 1px #e0dfe3;border-left:solid 1px #e0dfe3;padding:3px 3px 3px 15px;background-color:#EFEFEF;}
	#mainIDSide td#tdmasterOngletBloc {	padding: 5px 25px;
	border-bottom: 1px solid #e0dfe3;
    border-left: 1px solid #e0dfe3;
    border-right: 1px solid #e0dfe3;}
.tdstitres {font-size:0.929em;font-weight:bold;color:#000000;border-left:solid 1px #e0dfe3;padding-left: 15px;}
.tdstitresGrpsUtils {width: 185px;font-size:1em!important;font-weight:bold;color:#000;border-left:solid 1px #e0dfe3;padding-left:15px;}
.tdmainspaces1 {font-size:1em;background-color:#FFF;border-right:solid 1px #e0dfe3;margin-right:10px;padding:5px;}
	.tdmainspaces1 td {text-align:left;}
	.tdmainspaces1 label {white-space:nowrap;}
.tdmainspacesGrpsUtils {width:440px;font-size:1em;background-color:#FFF;border-right:solid 1px #e0dfe3;padding:5px;text-align:left;}
.tdsSeparator, .divSeparator{font-weight:bold;background-color:#1669ab;color:white;padding:5px;margin-right:10px;}/*padding:5px;margin-right:10px;*/
.tdsSeparator { margin: -10px 0px -10px -25px!important; padding: 5px 0 5px 25px;}
.tdsSeparator a.questions, .divSeparator a.questions{color: white!important}
.tdmainspacesGaucheDroite {background-color:#FFF;border-right:solid 1px #e0dfe3;border-left:solid 1px #e0dfe3;padding:0px 15px;}
.tdmainspaces2 {background-color:#FFF;}
.tdenregistrer {height:40px;font-size:1em;vertical-align:middle;border-right:solid 1px #e0dfe3;border-left:solid 1px #e0dfe3;border-bottom:solid 1px #7A7A7A;padding:3px 3px 3px 15px;}
.tdenregistrerHaut {height:30px;font-size:1em;vertical-align:middle;border-right:solid 1px #e0dfe3;border-left:solid 1px #e0dfe3;padding:3px 3px 3px 15px;}
.TableauLangue input{width:100%;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    							-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    							box-sizing: border-box;         /* Opera/IE 8+ */}
.inputLarge {width:auto; font-size: 1em!important;}
.input50Poucent {width:48%;}
#menuSupp th {/*font-family: 'Advent Pro', sans-serif;*/font-size:1.5em;font-weight:400;color:#FFF;padding:5px;background:#1669ab;/*-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/}
.texte {font-size:1em;}
.padding {padding:20px;}
.texteListe {font-size:1em;}
.champPassUser {width: 200px;}
/*.titremenuList {height:20px;font-size:11px;font-weight:bold;color:#FFF;text-align:center;border:solid 1px #7A7A7A;padding:0px 5px;}*/
/*.titremenuList {font-family: 'Advent Pro', sans-serif;font-size:1.8em;font-weight:400;color:#FFF;padding:10px;background:#7a8f9e;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
	th.titremenuList {font-family: 'Advent Pro', sans-serif;font-size:1.8em;font-weight:400;color:#FFF;padding:10px;background:#7a8f9e;}*/
.options {height:30px;/*font-size:0.9em;*/background:#F5F5F5;/*border:dotted 1px #7A7A7A;*/padding:0px 5px;}
.optionsVide {height: 30px;font-size:0.9em;padding:5px 0px;}
#mainIDSideListdoc .options a {
	position: relative!important;
	background: #1099d6!important;
    border: 1px solid #1099d6!important;
    color: #fff!important;
    cursor: pointer!important;
    margin: 0 3px 0 0!important;
    min-width: 60px!important;
    padding: 5px 8px 5px 27px!important;
    transition: background 100ms linear 0s!important;
	outline: none;
	display: inline-block!important;
}	
#mainIDSideListdoc .options a:hover,
#mainIDSideListdoc .options input[type="submit"]:hover {
	background-color: #ddecf5!important;
	color: #000!important;
}
#mainIDSideListdoc .options a img {
	position: absolute;
	top: 3px;
	left: 5px;
}
#mainIDSideListdoc .options form {
	float: right;
	width: auto;
}
#mainIDSideListdoc .options .inputText {
	height: 24px!important;
	width: 250px!important;
	padding-left: 5px;
	margin-right: 5px;
}
#mainIDSideListdoc .options input[type="submit"]{
	height: 28px!important;
	background: #1099d6!important;
    border: 1px solid #1099d6!important;
	color: #fff;
}

/*.titremenuCommentaires {height:31px;width:70px;font-size:11px;font-weight:bold;color:#FFF;border:solid 1px #7A7A7A;padding-bottom:3px;}*/
.titremenuCommentaires {font-family: 'Advent Pro', sans-serif;font-size:1.8em;font-weight:400;color:#FFF;padding:10px;background:#7a8f9e;/*-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/}
.titreSelection{background:#41C4DE; padding:10px 2px;width: 25px;}
.espaceCommentaires {width:70px;font-size:1em;}
.espaceSelection {width: 25px;}

.imageRapideHidden {display:none;}

.tdNePasAfficher {width:40px;font-size:1em;background-color:#eee;vertical-align:middle;text-align:center;border-right:solid 1px #7A7A7A;border-bottom:solid 1px #7A7A7A;padding:3px 0px;}
.tdCreePar {background:#000;border-top:solid 1px #b7b7b7;border-bottom:dotted 1px #7A7A7A;border-right:solid 1px #7A7A7A;border-left:solid 1px #7A7A7A;padding:7px 25px;}
.tdModifiePar {background:#eee;border-right:solid 1px #7A7A7A;border-left:solid 1px #7A7A7A;border-bottom:solid 1px #7A7A7A;padding:7px 25px;}
	#mainIDSide td.tdCreePar,#mainIDSide td.tdModifiePar,
	#mainIDSideNoMenu td.tdCreePar, #mainIDSideNoMenu td.tdModifiePar {background:#1669ab;color:#fff;}
.centreMainTableau {border-right:solid 1px #dbdbdb;border-left:solid 1px #dbdbdb;vertical-align:top;}
	table .centreMainTableau {padding:8px;}
.basMainTableau {height:19px;text-align:right;border-left:solid 1px #dcdfe0;}

#texteMain {width:500px;margin:15px 0px 30px 10px;float:left;}

.groupeAjouter {font-size:15px;font-weight:bold;color:#41C4DE;}
.descendantRep{border-top:none;}

.mainBorderGaucheDroite {border-right:solid 1px #e0dfe3;border-left:solid 1px #e0dfe3;}


.clearBoth{clear:both;}
.questionsReg a, .questionsObligReg a, .questionsObligBCE a, .questionsBCE a
.questionsReg, .questionsObligReg, .questionsObligBCE, .questionsBCE {background-color: #e2e0e0; font-weight: bold;} /*Background des questions qui sont exportables dans le bottin*/
.questionsObligReg, .questionsOblig, .questionsObligBCE, .questionsBCE {color: #cb2128!important;}
.legendeRegion span {font-weight:bold;color:#000000;}
.legendeRegion span span {background-color:#e2e0e0;}
.legendeRegion td {border-bottom: none;}
.descendant {padding:10px 0px;width:100%;}
.descendant span {background:#1669ab; color:white; width:100%;display:inline-block; padding: 5px 0; font-size: 14px; margin-top: -10px;}
.descendant span:before {content: "";padding-left: 25px;}
.prevNoteExp {white-space: nowrap;}
.noteExplicative {width: 20%;border: solid 1px red;}
.largeur-fixe {
	width:300px;
	display:inline-block;
}
.largeur-fixe-col3 {
	width:200px;
	display:inline-block;
}

.divSeparator {/*width:100%;*/display:block;margin: 10px 0 10px -25px;padding-left: 25px;}
.memeligne {display: inline;}
.deuxcols {width: 49%;}
.troiscols {width: 33%;}
.quatrecols {width: 25%;}
li.importationRBP {
	text-align:left!important;
	list-style-type: none!important;
}
/* GESTION MENU */
.tdapprobation {font-size:13px;font-weight:bold;font-style:italic;background:#eee;height:31px;border-left:solid 1px #7A7A7A;border-bottom:solid 1px #7A7A7A;border-right:solid 1px #7A7A7A;padding:5px 3px 3px 15px;}
.tdGestionMenuChoixIcons {background:#DADADA;height:25px;border-width:1px;border-style:solid;border-color:#5B5B5B;padding:3px;}
.tdGestionMenuChoix {background:#FAFAFA;height:25px;border:dotted 1px #7A7A7A;padding:0px 8px;}
.tdGestionMenu a:hover {FILTER:Alpha(opacity=70);BACKGROUND-COLOR:#79909A;COLOR:#FFFFFF;HEIGHT:25px;width:174px;}
.pointiller { border-bottom:dotted 1px #666;}
.MessSupp {background-color: #4f5a6c;font-size:14px;font-weight:bolder;padding:5px 5px 5px 12px;color:#FFF;}
#itemsControleMenu {/*color:#fff;*/border-right:solid 1px #e0dfe3;border-bottom:solid 1px #e0dfe3;border-left:solid 1px #e0dfe3;text-align:center;padding:7px;background-color:#9f9f9f;}
	#itemsControleMenu a,#itemsControleMenuBas a {/*color:#fff;*/padding-left:15px;padding-right:15px;}
#itemsControleMenuBas {/*color:#fff;*/background-color:#9f9f9f;border-right:solid 1px #e0dfe3;border-bottom:solid 1px #e0dfe3;border-left:solid 1px #e0dfe3;text-align:center;padding:10px;}
/*.itemMenuSM { Flèche pour les sous-menus
	background-image: url(/idside8.0/admin/images/arrows.gif);
	background-repeat: no-repeat;
	background-position: 98%;
}*/
#menuIDSide li.itemMenu472 a, #menuIDSide li.itemMenu542 a {background-color:#249ad4;color:#FFF; font-weight: bold;}
#menuIdsideAccordeon li a[href*="protocoles.asp"]:not([href*="a=2"]) {background-color:#cb2128;color:#FFF!important; font-weight: bold;} /*Tout les protocoles.asp, sauf ceux pour exporter vers la banque de protocole (a=2) */
#menuIdsideAccordeon li a[href*="protocoles.asp"]:not([href*="a=2"]):hover {background-color:#cb2128;color:#FFF!important;}
#menuIdsideAccordeon li a[href*="visualiserecho.asp"] {background-color:#ffc90d!important; font-weight: bold;} /*Tout les visualiser echo */
#menuIdsideAccordeon li a[href*="visualiserecho.asp"]:hover {background-color:#ffc90d;}
#menuIDSide li.itemMenu472 a:hover, #menuIDSide li.itemMenu542 a:hover{background-color:#1669ab; text-shadow: none}
.estDeGarde {border-top: solid 1px black;border-bottom: solid 1px black;padding: 5px 0;}
#seprateurEntete { height: 0;}
/* Main admin */
hr.separateurAccueil {height: 1;border: 0;border-bottom: 1px dotted #999;margin:20px 0;}
/* CALENDRIER */
.moisPresent {/*font-family:Verdana, Arial, Helvetica, sans-serif;*/font-size:22px;font-weight:bold;padding:5px 0px 5px 5px;}
/*.rechercheMois {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;padding:5px 0px 5px 5px;background-color:#f4f3f3;border:solid 1px #a0a0a0;}*/
.rechercheMois {font-size:1.429em;font-weight:400;color:#FFF;padding:10px;background:#ddecf5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.rangersTopCalendrier {font-size:1.0em;color:#FFF;padding:10px;background:#7a8f9e; text-align:center;}
.rangersCalendrier {/*font-family:Verdana, Arial, Helvetica, sans-serif;*/height:75px;vertical-align:top;}
/*.boutonAccueilCalendrier {}*/
	.boutonAccueilCalendrier a {width:75px;border:dotted 1px #999999;text-align:center;background: #F0F0F0;display:block;padding:5px; }
	.boutonAccueilCalendrier a:hover {background:#999;color:fff;}
.cellsCalendrier {width:120px;border:1px solid #bfbfbf;padding:5px;}
	.cellsCalendrier p {margin: 0.5em 0;}
/*.cellsTopCalendrier {border:solid 1px #a0a0a0;text-align:center;padding:5px 0px;color:#FFF;font-weight:bold;}*/
.cellsTopCalendrier {font-size:1.1em;font-weight:400;color:#FFF;padding:10px;background:#1099d6;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0px;}
.cellsFDSCalendrier {width: 120px;border:solid 1px #bfbfbf;background-color:#1099d6; color: #fff;padding:5px;}
.cellsTopFDSCalendrier {width:120px;border:solid 1px #666666;background-color:#D6D6D6;text-align:center;}
.cellsHorsMoisCalendrier {width:120px;border:solid 1px #bfbfbf;background-color:#ddecf5;padding:5px;}
.cellsCalendrierLien {font-size:1em;}

.calendrierDATERep,.calendrier02DATERep {/*height:31px;*/font-size:1.1em;color:#FFF;border-bottom:solid 1px #7A7A7A;padding:8px 15px;background:#0168ad;}
.calendrierORGANISME {/*width:700px;*/font-weight:bold;background-color:#ced6da;padding:10px;/*border-right:solid 1px #999999;border-left:solid 1px #999999;*/}
.calendrierORGANISMERep {/*width:700px;*/padding:10px 15px;border-top:solid 1px #E4E4E4;/*border-bottom:solid 1px #d1d1d1;border-right:solid 1px #999999;border-left:solid 1px #999999;*/}
.calendrierDESCRIPTIF,.calendrier02DESCRIPTIF,.calendrierJOINDREFICHIER {/*width:700px;*/font-size: 1em;font-weight:bold;background-color:#ddecf5;padding:10px 15px;/*border-right:solid 1px #999999;border-left:solid 1px #999999;*/}
.calendrierDESCRIPTIFRep,.calendrier02DESCRIPTIFRep,.calendrierJOINDREFICHIERRep {/*width: 700px;*/font-size: 0.9em;padding:8px 15px!important;border-top:solid 1px #E4E4E4;/*border-bottom:solid 1px #d1d1d1;border-right:solid 1px #999999;border-left:solid 1px #999999;*/}
.rechercheMois img {display:none;}
.rechercheMois a.precedent {width: 23px; height: 24px; display: inline-block; margin-bottom: -6px; margin-right: 5px; background: url(/idside8.2/admin/images/sprite-fleche-gauche-droite.png) 0 0;}
	.rechercheMois a.precedent:hover {background: url(/idside8.2/admin/images/sprite-fleche-gauche-droite.png) 0 24px;}
.rechercheMois a.suivant {width: 23px; height: 24px; display: inline-block; margin-bottom: -6px; background: url(/idside8.2/admin/images/sprite-fleche-gauche-droite.png) 23px 0;}
	.rechercheMois a.suivant:hover {background: url(/idside8.2/admin/images/sprite-fleche-gauche-droite.png) 23px 24px;}
.rechercheMois a.boutonIdside {padding: 0 5px!important; text-align: center; border: 2px solid white!important; margin-left: 8px!important;}
	.rechercheMois a.boutonIdside:hover {background: white!important; border: 2px solid  #1669ab!important;}
.rechercheMois a.boutonIdside:after {content: "OK"; color: #fff; font-size: 0.7em;}	
	.rechercheMois a.boutonIdside:hover:after {color: #1669ab!important;}	
	

.infobulle{position:absolute;visibility:hidden;border:dotted 1px #000;padding:10px;background-color:#FFF;}

/* STYLE POUR LA RECHERCHE GLOBAL */ 
#recherche {position:absolute;left:615px;top:146px;z-index:99;}
#titreDetail {font-weight:bold;background-color:#d3d9dd;border-bottom:solid 1px #FFF;padding:5px 5px 5px 15px;}
/*.question {font-weight:bold;background:url(bkgDetRech.gif);background-repeat:repeat-x;padding:5px 5px 5px 15px;margin:0px;border-bottom:dotted 1px #C0C0C0;}
.reponse {margin:5px 0px 20px 30px;}*/

/* PÉRENNITÉ DES FICHES BOTTINS */
.conteneurQuestionInvisible {
	display: none;
}

/*ENTETE DE RECHERCHE PROTOCOLE*/
/*Pour rendre responsive Voir protocole*/
#frameProtocolePC,
#frameProtocoleMobile,
#headerProtocole {
	/*width: 100%!important;*/
	max-width: 982px!important;
}
#headerProtocole img {
	/*width: 100%!important;*/
	max-width: 982px!important;
}
/*#frameProtocoleMobile {  Pour tout les mobiles
	voir idsideTemplate-tablettes 
}*/
#frameProtocolePC { /* Pour PC */
	margin:0px auto;
	width:982px;
	border:solid 1px #828282;
	background-color: #FFFFFF;
}
#frameProtocolePC ul li,
#frameProtocoleMobile ul li{
		list-style-position: inside;
		margin-left: -10px; /*Pour compenser la position de la puce inside*/
}
#frameProtocolePC a,
#frameProtocoleMobile a {
	color: #0000FF;
	text-decoration: underline;
}
#frameProtocoleMobile a:hover, #frameProtocolePC a:hover {
	color: #990000;
}
#frameProtocolePC td hr { /*Pour "est de garde"*/
	clear: both;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
    height: 1px;
	padding-top: 8px;
	margin-bottom: 8px;
}
#frameProtocolePC td div hr { /*Pour séparer les fiches dabs "plus de détails" */
	clear: both;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
    height: 1px;
}
#headerProtocole a:link,#headerProtocole a:hover,#headerProtocole a:visited,#headerProtocole a:active {
	text-decoration:none;
	width:100%;
	display:block;
	text-align: center;
}
#menuTopProtocole {
	height: 26px;
	background-color:#66636a;
	background-image:url(../images/valise/bkg-back.gif);
	background-repeat:repeat-x;
}
#path {font-size:1.1em;text-align:center;font-weight:bold;padding-bottom:1em;}
.titreRechProtocole { text-align: center; font-size: 13px;font-weight: bold;}
.titre-recherche {font-size: 1.1em;}
.liensGaucheProtocole {
	float:left;
	padding-top: 5px;
}
.liensDroiteProtocole {
	float:right;
}
#menuTopProtocole .liensGaucheProtocole a{
	cursor:pointer;
	text-decoration: none;
	color: #666;
	padding:0 10px;
	border:solid 1px #dcddde;
	background:#f6f8f9;
	margin:2px 0 0 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;/*Voir hackIE678*/
}
	#menuTopProtocole .liensGaucheProtocole a:hover{
		background: #909090;
		color:#fff;
		border:solid 1px #5f5f5f;
	}
/*.printProtocole {position:absolute;top:66px;left:50%;margin:0px 0px 0px 183px;z-index:99;}*/

/*DÉTAIL - PROTOCOLE*/
#titre {text-align:center;}
#titre h1 { margin:0px;padding:0px;font-size: 17px;color: #990000}
.etape { font-size: 1.2em;}
#main.detail{
	margin: auto;
	width: 480px;
	border-left: dashed 1px #CCCCCC;
	border-right: dashed 1px #CCCCCC;
}
select#titre {text-align: left;}
/**/
/*POST COMMENTAIRE*/
/*input#bouttonPublie {min-width:60px;font-size: 1.2em;cursor:pointer;padding:3px 8px;background: #2cbd24;border:solid 2px #288318;margin:0 10px 0 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;Voir hackIE678}*/
#bouttonPrint { float:none!important; /*width:128px; height:20px; color:#FFF; background: #666; border:0; cursor:pointer;*/}

#espaceEdition {width:98% !important; padding: 5px 5px 5px 10px !important;}
#espaceMessage {width:99% !important; padding-left: 0 !important}
#commentaire_tbl {width:60% !important; float: left;}
.zone_commentaires {width:38% !important; float: right}
.conteneur_btn { clear: both; padding-top:20px}
/**/
/*RECHERCHE PUBLIQUE*/
.logoIdsideRech {padding: 5px 0 5px 12px; border-top: dashed 1px #CCCCCC;}
.retourRechPublic {padding: 3px; float:left;}
/*POUR TABLEAU ODJ*/
td.borderBottom {border-bottom: solid 1px #000000;}
#footerIdside {background:#505050;bottom:0;display:block;padding:10px;left:0;position:fixed;width:100%;z-index:999;}
/******************************************************************************/
/***************************NOUVEAU LOGIN *************************************/
/******************************************************************************/
body#login * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
body#login span.bleuFonce{color:#0069a9;}
body#login form {margin:0;}
body#login #enteteLoginBande {width:100%;height:200px;}
	body#login #enteteLoginBande.sans-background-img {background: #e6e7e8;}
		body#login #enteteLoginBande.sans-background-img img {display:none;}
	body#login #enteteLoginBande.avec-background-img img {margin: 40px 0 0 40px;}
	

	body#login #enteteLogin {float:left; margin-right:160px;}
	body#login #produit {float:left;position:relative;width:138px;height:138px;background:#1669ab;padding:30px 0 0 30px;border-radius:84px;behavior: url(/idside8.2/admin/css/PIE.htc);/*border:solid 4px #FFF;*/}
body#login #conteneurLogin {width:500px;margin:0 auto;position:relative;padding-top:50px; color: #fff;font-size:1.071em;}
body#login #texteIdentification h1 {margin:0 0 8px 75px;color:#0069a9; text-transform:uppercase;font-weight:bold; line-height:1.1em; font-size:1em;}
	body#login #texteIdentification img {float:left; margin:-18px 0 0 -10px;position:absolute;}
body#login #champsLogin {width:100%; padding:50px 0 0 0;background:#249ad4;}

	body#login div.texte {padding:10px 35px;}
		body#login div.texte font{ color: white;font-family:'dinregular',Arial,Helvetica, sans-serif;margin:0px; font-size: 15px; }/*Pour contrer le font face et color dans le code*/
		
	body#login .inputLogin {width:430px; margin:0 auto;}
		body#login .inputLogin input {font-size:1.571em;width:100%;padding:5px 10px;margin:0 auto;}
		body#login .inputLogin input:focus {border: solid 1px #0069a9;}
	
	body#login .motDePasse {margin-top: 20px;}	
		
	body#login div.connexion {padding: 30px 0 ;margin:20px 0 10px 0;text-align:center;}
	body#login div.connexion a.login {padding:10px 20px 8px 20px;color:#FFF;background:#48c4dd;text-transform:uppercase; display:inline-block;}
	body#login div.connexion a.login:hover {color:#0069a9;}
	
	
	body#login #divMotDePasse {padding:10px 10px 20px 35px ; float:left; width:auto;}
		body#login #divMotDePasse a {float:left;}
			body#login #divMotDePasse a:hover {	opacity:0.8;}	
		body#login #divMotDePasse #texteMotDePasse {float:left;margin:9px 0 0 10px;}
			body#login #texteMotDePasse a {color:#fff;}
			body#login #texteMotDePasse a:hover {color:#0069a9;}
			
body#login #logoIdsideLogin {float:right; width:auto; padding:10px 35px 20px 10px; margin-top: -10px;}
body#login .versionIDSide {font-size:10px; text-align:right;}
/******************************************************************************/
/***************POUR LES DROPDOWNS AVEC IMAGES (FLASH INFO)********************/
/******************************************************************************/
#imageRapide {
	width: 260px;
}
.ddTitleText img,
.ddChild li img {
	width: 30px;
	height: auto;
}
/*.borderRadius{-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.borderRadiusBtm{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}*/

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
/*.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }
*/
.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
/*.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}*/
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0 !important; padding:0; margin:0;}

/*************** default theme **********************/
.dd{border:1px solid #c3c3c3;}
.dd .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff;; right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../images/imagesRapideFlash/dd_arrow.gif) no-repeat;}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:#fff;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{ color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}

.dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f1f7fb}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#ddecf5; color:#000;}
/************************FIN DROPDOWNS AVEC IMAGES*****************************/


/******************************************************************************/
/***************************** FLASH-INFO *************************************/
/******************************************************************************/
body#flash-info {overflow-y: scroll;}
.flash-info *,
.message-accueil * {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.flash-info,
.message-accueil {
	width: 100%;
	background: #FFF;
	/*float: left;*/
	margin-bottom: 25px;
}
	.flash-info > ul,
	.message-accueil ul {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.flash-info > ul > li {
		position: relative;
		list-style: none;
		padding: 10px;
		min-height: 90px;
	}
	.flash-info > ul > li ul {
		list-style-type: disc;
	}
	.flash-info > ul > li ul ul {
		list-style-type: circle;
	}
	.flash-info > ul > li ul ul ul {
		list-style-type: disc;
	}
	.flash-info img {
		float: left;
		margin: 5px 15px 0 0;
		width: 62px;
		height: auto;
	}
		.flash-info .contenu img { /*Image dans le contenu du flash info*/
			width:auto;
			max-width: 200px;
			margin: 0 10px 0 0;
		}
	.flash-info h1, .flash-info div.contenu {
		margin-left: 82px;	
	}
	.flash-info div.fichier {
		margin-left: 82px;	
	}
		.flash-info div.fichier a {
		display: block;
		padding-bottom:10px;
		text-decoration:underline;
		color:#249ad4;
	}
	.message-accueil li {
		list-style: none;
		padding: 10px;
	}	
.control-flash-info {
	float: left;
	margin-left: 10px;
}	
	.control-flash-info div {
		width: 24px;
		height: 23px;
		float: left;
		cursor: pointer;
		margin: 10px 10px 10px 0;
	}
	.control-flash-info div.up {
		background: url(/idside8.2/admin/images/sprite-flash-info.png) 0 0 no-repeat;
	}
		.control-flash-info div.up:hover {
			background-position: -26px 0;
		}
	.control-flash-info div.down {
		background: url(/idside8.2/admin/images/sprite-flash-info.png) 0 -24px no-repeat;
	}
		.control-flash-info div.down:hover {
			background-position: -26px -24px;
		}
	.control-flash-info div.pauseFI {
		background: url(/idside8.2/admin/images/sprite-flash-info.png) 0 -48px no-repeat;
	}
		.control-flash-info div.pauseFI:hover {
			background-position: -26px -48px;
		}	
div.main {
	padding: 20px;
}
	div.main h1 {
		color: #1669ab;
		font-size: 1.143em;
	}	
#flash-info div.main {
	border-bottom:solid 1px #e0dfe3;
	border-left:solid 1px #e0dfe3;
	border-right:solid 1px #e0dfe3;
	min-height: 350px;
}	
.floatLeft {
	float: left; 
}
.floatRight {
	float: right;
}		
.bleuGeneral {
	background: #ddecf5;
}	
.hide {
	display: none;
}
.show {
	display: block;
}
.classCopier {
	background: #e8f2ff ;
	border: solid 2px #cb2128!important;
}
.classCopier table tr td {
	background: #e8f2ff!important;
}
.classCopier:before {
	content: "À modifier";
	font-weight: bold;
   line-height: 2em;
}
/*************************FIN FLASH-INFO*************************************/

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} 
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;} 
* html .clearfix {height: 1%;}

/********* LISTDOC - icônes procès verbaux - extraits résolutions *******/
.icone_pv,
.icone_er,
.icone_pveng,
.icone_ereng {
	display:block;
	/*width: 27px;
	height:21px; Dimension de l'ancienne image*/
	width: 25px;
	height:25px;
	text-indent: -9999px;
	outline: none;
	background: url(/idside8.2/admin/images/listdocs/sprite-odjlisteunsorted.png) no-repeat 0 0;
}
.icone_pv,
.icone_er {
	background: url(/idside8.2/admin/images/listdocs/sprite-odjlisteunsorted.png) no-repeat 0 0;
}
.icone_pveng,
.icone_ereng {
	background: url(/idside8.2/admin/images/listdocs/sprite-odjlisteunsortedEng.png) no-repeat 0 0;
}
.icone_cc,
.icone_cceng {
	display:block;
	width: 25px;
	height:25px;
	text-indent: -9999px;
	outline: none;
	background: url(/idside8.2/admin/images/listdocs/sprite-er-cc.png) no-repeat 0 0;
}
.icone_cc {
	background: url(/idside8.2/admin/images/listdocs/sprite-er-cc.png) no-repeat 0 0;
}
.icone_cceng {
	background: url(/idside8.2/admin/images/listdocs/sprite-er-ccEng.png) no-repeat 0 0;
}
.icone_da,
.icone_daeng,
.icone_traceda,
.icone_presence,
.icone_signature,
.icone_vote {
	display:block;
	width: 25px;
	height:25px;
	text-indent: -9999px;
	outline: none;
	background: url(/idside8.2/admin/images/listdocs/sprite-da.png) no-repeat 0 0;
}
.icone_signature  {
	background: url(/idside8.2/admin/images/listdocs/sprite-signature.png) no-repeat 0 0;
}
.icone_da {
	background: url(/idside8.2/admin/images/listdocs/sprite-da.png) no-repeat 0 0;
}
.icone_daeng {
	background: url(/idside8.2/admin/images/listdocs/sprite-daEng.png) no-repeat 0 0;
}
.icone_traceda{
	background: url(/idside8.2/admin/images/listdocs/sprite-traceda.png) no-repeat 0 0;
}
.icone_presence {
	background: url(/idside8.2/admin/images/listdocs/sprite-presence.png) no-repeat 0 0;
}
.icone_vote {
	background: url(/idside8.2/admin/images/listdocs/sprite-vote.png) no-repeat 0 0;
}
.icone_pv:hover,
.icone_cc:hover,
.icone_da:hover,
.icone_traceda:hover,
.icone_presence:hover,
.icone_daeng:hover,
.icone_cceng:hover,
.icone_pveng:hover,
.icone_signature:hover,
.icone_vote:hover {
	background-position: 0 100%;
}
.icone_er,
.icone_ereng {
	background-position: 100% 0;
}
.icone_er:hover,
.icone_ereng:hover {
	background-position: 100% 100%;
}

/*MODELE*/
#entete {
	background-attachment: inherit!important;
    background-position: left top!important;
}
#entete img {
	margin: 55px 0 0 25px;
}
/*DOCUMENTS ANNEXES - SAISIE*/
#uploadFichRM table {
	box-sizing: border-box;
	width: calc(100% - 20px);
	max-width: calc(100% - 20px);
}
#uploadFichRM table * {
	box-sizing: inherit;
}
#uploadFichRM table td {
	padding: 0.4em 0;
	padding-right: 6px;
	border-bottom: 1px dashed #e0dfe3;
	vertical-align: top;
}
#uploadFichRM table tr  td:first-child {
	padding-right: 6px;
	padding-left: 6px;
	width:81%;
	max-width:81%;
}
#uploadFichRM table tr  td:last-child {
	padding-left: 1%;
}
#uploadFichRM table tr  th:first-child {
	text-align:left;
}
#uploadFichRM table tr:last-child  td {
	border-bottom: none;
}
#uploadFichRM table  tr:not(.no-bck):hover td { background-color:#ddecf5 !important}
#uploadFichRM table a:hover {text-decoration:underline}
#uploadFichRM table a.popupUpload:hover {text-decoration:none}
/* ancienne version */
table.doc_annexes {
	box-sizing: border-box;
}
table.doc_annexes * {
	box-sizing: inherit;
}
table.doc_annexes td {
	padding: 0.4em 0;
	padding-right: 6px;
	border-bottom: 1px dashed #e0dfe3;
	vertical-align: top;
}
table.doc_annexes tr  td:first-child {
	padding-right: 14px;
	padding-left: 6px;
	width:81%;
	max-width:81%;
}
table.doc_annexes tr:last-child  td {
	border-bottom: none;
}
table.doc_annexes tr td[colspan="2"] {
	width:100%;
	padding: 0;
	border-bottom: none;
}
table.doc_annexes  tr:not(.no-bck):hover td { background-color:#ddecf5 !important}
table.doc_annexes a:hover {text-decoration:underline}
table.doc_annexes a.popupUpload:hover {text-decoration:none}

/* ICONES DES LINK DES DOCUMENTS */
body div a.doc_acrobat, body div a.doc_excel, body div a.doc_word, body div a.doc_powerpoint, body div a.doc_image, body div a.doc_archive, body div a.doc_texte {
	display: inline-block;
	padding: 1px 0 1px 23px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
body div a.doc_acrobat {
	background-image: url(/idside8.2/admin/images/ico-fichier-acrobat.png);
}
body div a.doc_excel {
	background-image: url(/idside8.2/admin/images/ico-fichier-excel.png);
}
body div a.doc_word {
	background-image: url(/idside8.2/admin/images/ico-fichier-word.png);
}
body div a.doc_powerpoint {
	background-image: url(/idside8.2/admin/images/ico-fichier-powerpoint.png);
}
body div a.doc_image {
	background-image: url(/idside8.2/admin/images/ico-fichier-image.png);
}
body div a.doc_archive {
	background-image: url(/idside8.2/admin/images/ico-fichier-archive.png);
}
body div a.doc_texte {
	background-image: url(/idside8.2/admin/images/ico-fichier-texte.png);
}

/*AIDE CONTEXTUELLE*/
td a.aide-memoire {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 35px;
	height: 33px;
	background: #1669ab url(/idside8.2/admin/images/ico-aide-memoire.png) no-repeat top right!important;
}
/*IMPRIMER*/
a.icone-imprimer{
	position: absolute;
	top: 5px;
	right: 15px;
	width: 35px;
	height: 33px;
	background: #1669ab url(/idside8.2/admin/images/ico-print.png) no-repeat top right!important;
}
/*DOM VAL DANS SAISIE*/
.boutonDomVal {
	display: table;
}
/*Spécifique à saisie Echo*/
form[action*="protocolesEcho"] .boutonDomVal {
	display:none;
}
.boutonDomVal a, .boutonDomVal div,
.listeParentEnfant div {
	display: table-cell;
}
.boutonDomVal div.uncheckAll {
	padding-right: 1em;
}
.listeSelection .checkAll img:hover,
.listeSelection .uncheckAll img:hover {
	cursor: pointer;
}
/*.listeSelection {
	max-height: 400px;
	overflow-y: auto; Scroll si besoin
}*/
#formSaisie[action*="interventionJO"] .listeSelection {
	max-height: none;
}
/*DESCRIPTION DANS GIM*/
.description div[class^=q],
.detailFiche div[class^=q] {float: left; font-weight: bold; clear: left; padding-right: 0.5em; padding-bottom: 0.8em;} /*Les class qui commence par q (pour question)*/
.description div[class^=r],
.detailFiche  div[class^=r] {float: left; clear: right; padding-right: 0.5em; padding-bottom: 0.8em;} /*Les class qui commence par r (pour réponse)*/
.description .qmMme, .description .qprenom, .description .qnom,
.detailFiche .qmMme, .detailFiche .qprenom, .detailFiche .qnom {display: none;}
.description .rmMme, .description .rprenom, .description .rnom,
.detailFiche .rmMme, .detailFiche .rprenom, .detailFiche .rnom {
	color: #1669ab; 
	font-weight: bold;
	font-size: 1.3em;
}
.description .rnote p:first-child,
.detailFiche .rnote p:first-child{ margin-top: 0;} /*Le premier paragraphe ne doit pas décaller par rapport à la question "note".*/

/*DETAIL Rapport de garde*/
.titreSeparateur {
	background: #1669ab;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 0.3em 1em;
	margin: 1em 0;
}
.enteteSection {
	padding: 0.4em 20px;
	background: #1669ab;
	color: white;
	font-size: 1.4em;
	font-weight: bold;
}
/*PRÉSAISIE*/
#abc {margin: 5px 0 9px 0;}
#abc span {
	cursor: pointer;
	border: 2px solid #bbb;
	background: #bbb;
	border-radius: 50%;
   width: 22px;
  	line-height: 18px; /*+4px border = 22px*/
	margin-bottom: 1px;
	color: white;	
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
}
#abc span:hover,
#abc span.active {
	background: white;
	color: black;
}
#abc span.tous {
	width: auto;
	padding: 0 3px;
	border-radius: 15%;
}
#ajout .boutonIdside {
	display: inline-block;
	margin: 5px 0!important;
	min-width: auto!important;
}
#avectexte .boutonIdside {
	padding: 2px 8px;
}
#listedoc a {
	display: inline-block;
}
#listedoc a:hover {
	display: inline-block;
	width: 100%;
	background: #bbb;
	color: white;
}
fieldset.listeSelection {
	border: 0;
	padding: 0;
	margin: 0;
}
fieldset.listeSelection ul {
	padding: 0;
	margin: 0;
	list-style: none;
	columns: 1;
  	-webkit-columns: 1;
  	-moz-columns: 1;
}
fieldset.listeSelection ul.liste2col {
	columns: 2;
  	-webkit-columns: 2;
  	-moz-columns: 2;
}
fieldset.listeSelection ul.liste3col {
	columns: 3;
  	-webkit-columns: 3;
  	-moz-columns: 3;	
}
fieldset.listeSelection ul.liste4col {
	columns: 4;
  	-webkit-columns: 4;
  	-moz-columns: 4;	
}
fieldset.listeSelection ul.liste5col {
	columns: 5;
  	-webkit-columns: 5;
  	-moz-columns: 5;	
}
fieldset.listeSelection ul.liste6col {
	columns: 6;
  	-webkit-columns: 6;
  	-moz-columns: 6;
}
fieldset.listeSelection ul.liste7col {
	columns: 7;
  	-webkit-columns: 7;
  	-moz-columns: 7;	
}
fieldset.listeSelection ul.liste8col {
	columns: 8;
  	-webkit-columns: 8;
  	-moz-columns: 8;	
}
fieldset.listeSelection li {
	display: table;
}
fieldset.listeSelection li input,
fieldset.listeSelection li label {
	display: table-cell;
}
fieldset.listeSelection li label {
	padding-left: 3px;
	vertical-align: middle;
}
input[type="checkbox" i],
input[type="radio" i] {
	margin: 3px 3px 3px 4px; /*Pour mettre le meme margin radio et checkbox sur les navigateurs. I pour insensible à la casse*/
}
/*Bande fixe dans le bas des pages pour impression*/
#imprimer,
#imprimerBas {
	position: fixed;
	text-align: center;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #1669AB;
	z-index: 8000;
	-webkit-backface-visibility: hidden;
}
#imprimerBas {
	background-color: #1669ab;
}
#imprimer input,
#imprimerBas input {
	font-weight: normal;
	text-decoration: none;
	outline: none;
	color: #fff;
	background: #249ad4;
	margin: 5px auto;
	padding: 3px 7px;
	border: 1px solid #fff;
	transition: background 100ms linear 0s;
}
#imprimer input:hover,
#imprimerBas input:hover {
	cursor: pointer;
	background-color: #ddecf5;
	color: #000;
	transition: background 200ms linear 0s;
}
/*Fin pour impression*/
/*Image loading*/
#chargementEnCours {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.25);
	z-index: 9999;
}
#chargementEnCours::after {
	content: '';
	display: block;
	position: absolute;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	width: 40px;
	height: 40px;
	border-style: solid;
	border-color: #1669ab;
	border-top-color: transparent;
	border-width: 4px;
	border-radius: 50%;
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}
/*Fin image loading*/
#imprimerModal {
		position:fixed;
		text-align:center;
		bottom:0;
		left:0;
		width:100%;
		border-top:2px solid #fff;
		background:#1669AB;
		z-index:8000;
		-webkit-backface-visibility: hidden; /*pour android*/
	}
#imprimerModal input, #imprimerModal input, #imprimerModal a {
	font-weight:normal;
	text-decoration:none;
	outline:none;
	color:#fff;
	background: #249ad4;
	margin: 5px auto;
	padding:3px 7px;
	border:1px solid #fff;
	transition: background 100ms linear 0s;		
}
#imprimerModal input:hover
#imprimerModal a:hover {
	cursor:pointer;
	background-color:#ddecf5;
	color:#000;
	transition: background 200ms linear 0s;
}
#refresh {
	cursor: pointer;
	position: fixed;
	top: 15px;
	right: 15px;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}
#refresh:hover {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ajoutXjoursSiMAJ,
.dateTodaySiMAJ,
.nbrJourAAjouter {
	border: solid 1px grey;
	background-color: #ccc;
	color: #6d6d6d;
}
.cssloader {
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #1669ab;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
}
.cssloader.petit {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #1669ab;
	width: 25px;
	height: 25px;
}
.cssloader.centrer {
	margin: auto;
}
.cssloader.posFixe {
	position: fixed;
}
.cssloader.posCenter {
	top: 50%;
	left: 50%;
	margin-left: -20px; /*Moitié de l'image*/
	margin-top: -20px;
}
#rech-avancee .cssloader {
	margin-left: 20px;
}
.erreur {
	color: #cb2128;
	font-weight: bold;
	font-family: 'dinregular',Arial,Helvetica,sans-serif !important;
}
.eye-pwd {
	margin-left: -30px;
    cursor: pointer;
}
.fa-ul li {
	margin-bottom: 4px;
}
.fa-circle {
	color: #ccc;
}
.fa-check-circle {
	color: #8dc63f;
}
.fa-exclamation-circle {
	color: #f58220;
}
#menuPersonnalise {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 1.5em;
	text-align: center;
	position: relative;
}
#menuPersonnalise #lienRetour {
	text-decoration: none;
	position: absolute;
	right: 0;
}
#menuPersonnalise #niveauProtocole,
#menuPersonnalise #rechProtocoles {
	color: #1669AB;
	font-size: 1.2em;
}
.divDatepicker img.ui-datepicker-trigger {
	position: relative !important;
	width: 22px !important;
	height: auto !important;
	margin-bottom: -6px !important;
	margin-right: 6px;
	cursor: pointer;
}
form[action*="cat=interventionJO"] .formError {
	top: inherit!important;
	left: inherit!important;
	margin-top: -35px!important;
}
.cke_combo__appuyeurproposeur .cke_combo_text {
    padding: 5px 10px 5px 5px;
	float: none!important;
}
#zohohc-asap-web-launcherbox {
	position: absolute;
	z-index: 9999; /*Pour qu'il apparaisse sous les modals du bottin */
	background: none;
	top: 9px;
	right: 115px;
	padding: 0;
	box-shadow: none;
	width: 35px;
	height: 33px;
}
#zohohc-asap-web-launcherbox > div,
div.aide-memoire {
	width: 35px;
	height: 33px;
}
#zohohc-asap-web-launcherbox-close {
	position: absolute;
	top: 0;
	right: 0;
	height: 57px;
	z-index: 99999999999; /*Pour qu'il apparaisse au dessus de la bande bleu de l'aide en ligne */
}
.questionSaisieInvisible,
.questionSaisieInvisible > * { /*Le containeur et les enfants*/
	visibility: hidden;
	padding: 0!important;
	display: inline-block; /*Pour que le height fonctionne*/
	height: 0;
}
.separateurTexteVerrou {
	border-top: 1px solid white;
}
.messageLogin {
	margin: -2em 2em 1em 2em;
	color: #cb2128;
	background: white;
	border: solid 1px #cb2128;
}
.separateurBilingue {
	border-top: 1px solid #cb2128;
	margin: -0.25em 25% 0.5em 25%;
}

/*********** Suivi des tâches — version TABLE ***********/
#tacheTable {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	table-layout: fixed; /* colonnes stables */
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

	/* En-têtes */
	#tacheTable thead th {
		background: #e7e7e7;
		font-weight: 700;
	}

	/* Cellules */
	#tacheTable th,
	#tacheTable td {
		padding: 6px 12px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		vertical-align: middle;
		word-wrap: break-word;
	}

	/* Dernières bordures propres */
	#tacheTable tr:last-child td {
		border-bottom: 0;
	}

	#tacheTable th:last-child,
	#tacheTable td:last-child {
		border-right: 0;
	}

/* Lignes */
.rowTache:hover {
	background: #fafafa;
}

/* Colonne actions */
.cellTache.boutonTache {
	width: 90px; /* un peu plus large pour 2 icônes */
	text-align: center;
	white-space: nowrap;
}

.supprimerTache {
	color: red;
	cursor: pointer;
	font-weight: bold;
	margin-left: 6px;
}

/* (Optionnel) Colonne “complétée” si tu l’ajoutes */
.cellTache.tacheCompletee {
	width: 70px;
	text-align: center;
}

/* Statuts avec icône automatique (applique ces classes au <td>) */
.cellTache.tacheStatutOk::before {
	content: "✓";
	color: green;
	font-weight: bold;
	margin-right: 6px;
}

/* Mobile: un peu plus d’air et table-layout auto */
@media (max-width: 640px) {
	#tacheTable {
		table-layout: auto;
	}

		#tacheTable th,
		#tacheTable td {
			padding: 8px;
		}
}




.linkModifier img {
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto;
}

/* Safari */
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@media screen and (max-width: 1200px) { /* C'est environ à cette largeur que le menu tombe sous 200px */
	#menuIDSide, #menuIdsideAccordeon {margin-right:-200px; width:200px; }/* Le menu restera à 200px */
	#logoIDSideBasMenu {width:200px;margin:0 auto 30px 20px;}
	#mainIDSide, #mainIDSideListdoc {margin-left:220px; width:78%;}/* Le 20px de plus remplace la marge de 2%, donc réduction du width de 2% pour éviter scrollbar */
}
@media screen and (max-width: 1024px) {
	#barreTop #nomLog {display:none}
	/*#barreTop { padding-bottom:12px;}
	#barreTop li#modifPass {border-left:none;}
	#barreTop li#outilRecherche {border-right:none;}
	#barreTop li#boutonQuitter {clear:both; margin-left:240px;}
	#barreTop li#chronos .divChronos{position:absolute;left:18px;top:45px;}*/
}
@media screen and (max-width: 597px) {
	/*#barreTop li#chronos .divChronos{position:absolute;left:18px;top:78px;padding:0 16px 0 0;}*/
}
@media print {
	#menuIdsideAccordeon {display:none;}
	#imprimerModal {display:none;}
	#refresh {display:none;}
}