@charset "UTF-8";

#container { position: relative; width: 1000px; margin: 0 auto; }

#newsletter-container{margin-left: -17px;}

/* Générique */
.clearBoth{clear:both;}
.clearFix:before, .clearFix:after { content: " "; display: table; }
.clearFix:after { clear: both; }
.ie7 .clearFix { zoom: 1; }

.zoneCentraleContainer a { text-decoration: none; }
.zoneCentraleContainer a img,
.zoneCentraleContainer img { border: none; }
.zoneCentraleContainer table { border-collapse: collapse; border-spacing: 0; }
.zoneCentraleContainer label { display: inline-block; vertical-align: middle; }
.zoneCentraleContainer input,
.zoneCentraleContainer select,
.zoneCentraleContainer textarea { display: inline-block; font-family: Arial, Verdana, Helvetica, sans-serif; }
.zoneCentraleContainer input.displayNone,
.zoneCentraleContainer select.displayNone,
.zoneCentraleContainer textarea.displayNone { display: none }
.zoneCentraleContainer input[type=text],
.zoneCentraleContainer input[type="password"] { padding: 5px; }
.zoneCentraleContainer input[type="radio"],
.zoneCentraleContainer input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: middle; }
.ie7 .zoneCentraleContainer input[type="radio"],
.ie7 .zoneCentraleContainer input[type="checkbox"] { padding: 0; }
.zoneCentraleContainer textarea { padding: 5px; resize: none; }
.zoneCentraleContainer select { padding:5px 0; border:1px solid #ccc; }
.periodicityInputWidth {
    width: 100px !important;
}

.numberTypeUn {
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 11px;
}

.listNoBullet {list-style: none; }

.hidden {display: none}

.gras{font-weight:bold;}
.upper{text-transform:uppercase;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.alignCenter{text-align: center;}
.inline-block{display: inline-block;}
.floatLeft{float:left;}
.floatRight{float:right;}
.height-100-pct{height:100%;}
.height-15{height: 15px;}
.height-20{height: 20px;}
.min-height-130{min-height: 130px;}
.marginTop5{margin-top: 5px;}
.marginTop10{margin-top: 10px;}
.marginTop15{margin-top: 15px;}
.marginTop30{margin-top: 30px;}
.margin-bottom-0{margin-bottom: 0 !important;}
.marginBottom5{margin-bottom: 5px;}
.marginBottom10{margin-bottom: 10px;}
.marginBottom15{margin-bottom: 15px;}
.marginRight5{margin-right: 5px;}
.marginRight15{margin-right: 15px;}
.marginRight50{margin-right: 50px;}
.marginRight50-important{margin-right: 50px !important;}
.margin-left-5{margin-left: 5px;}
.marginLeft20{margin-left: 20px;}
.margin-top-0{margin-top:0;}
.overflow-none{overflow: hidden !important;}
.padding-top-30{padding-top: 30px;}
.padding-top-20{padding-top: 20px;}
.padding-top-65{padding-top: 65px;}
.padding-top-84{padding-top: 84px;}
.paddingBottom10{padding-bottom: 10px;}
.padding-none{padding: 0 !important;}
.pointer{cursor:pointer;}
.fixedWidth100{width:100px;}
.fixedWidth150{width:150px;}
.fixedWidth200{width:200px;}
.fixedWidth240{width:240px;}
.fixedWidth300{width:300px;}
.fixedWidth500{width:500px;}
.width20pc{width:20%;}
.width25pc{width:25% !important;}
.width32pc-important{width:32% !important;}
.width50pc{width:50%;}
.width75pc{width:75%;}
.width100pc-important{width:100% !important;}
.width-35{width: 35px !important;}
.width-60{width: 60px !important;}
.fixedHeight400{height:400px;}
.testClass{background: none repeat scroll 0 0 #EFEFEF;border: 1px solid #CCCCCC;}
.vertical-align-middle{vertical-align:middle;}
.vertical-align-top {vertical-align: top;}
.v-padding-4{padding-top:4px !important;padding-bottom:4px !important;padding-right:25px;}
.v-padding-5{padding-top:5px !important;}
.text-transform-none{text-transform: none !important;}
.no-white-space{white-space:nowrap}
.grey {background-color: #ececec;}
/* Erreurs */
.errors, .error { text-align: left; margin: 0; }

/* -------------------------------------------------------------- */
/* ---------- MESSAGE INVIT PREMIERE CONNEXION ------------------*/
/* ------------------------------------------------------------ */

#jqNewSite { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #CCCCCC; font-size: 14px; color:#BF3744; left: 200px; padding: 10px; position: absolute; top: 200px; width: 580px; z-index: 999; }


/* -------------------------------------------------------------- */
/* ---------- MESSAGE FORMATION ---------------------------------*/
/* ------------------------------------------------------------ */

#jqFormation{background: none repeat scroll 0 0 #EFEFEF;border: 1px solid #CCCCCC; font-size: 14px;left: 200px;padding: 10px;position: absolute;top: 200px;width: 580px;z-index: 999;}

/* UI Message */
/*.uiMessageStack { list-style: none; margin: 0; padding: 0; color: #ff0000; }
.uiMessageStack li:first-child { margin-top: 10px; }
.uiMessageStack li:last-child { margin-bottom: 10px; }
.uiMessageStack li p { margin: 0; padding: 0; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{}*/
/*
.fondEtBordureAide ul:first-child{list-style:none; margin:0;padding:0;}
.fondEtBordureAide ul:first-child li,
!*.uiMessageStack  li{
  margin: 2px 0;
  padding: 8px 5px 3px 27px;
  font-size: 12px;
}*!
.fondEtBordureAide ul .ui-state-message{margin:0;padding:2px 10px;}
.fondEtBordureAide ul .ui-state-message p{margin:0 0 5px 0;}
.fondEtBordureAide ul .ui-state-highlight-ok,
.uiMessageStack  li.ui-state-highlight-ok,
.uiMessageStack li.ui-state-highlight-ok{
  color: #434343;
  background-color: #d1edd6;
  background-image: url(/images/icone/picto_check33.png);
  background-position: 7px center;
  background-repeat: no-repeat;
}
.fondEtBordureAide ul .ui-state-notice,
.uiMessageStack  li.ui-state-notice,
.uiMessageStack li.ui-state-notice{
  color: #434343;
  background-color: #d1d9ed;
  background-image: url(/images/icone/picto_speech140.png);
  background-position: 7px center;
  background-repeat: no-repeat;
}
.fondEtBordureAide ul .ui-state-error,
.uiMessageStack  li.ui-state-error,
.uiMessageStack li.ui-state-error{
  color: #434343;
  background-color: #ffe5e5;
  background-image: url(/images/icone/picto_warning40.png);
  background-position: 7px center;
  background-repeat: no-repeat;
}
.fondEtBordureAide ul .ui-state-highlight-warning,
.uiMessageStack  li.ui-state-highlight-warning,
.uiMessageStack li.ui-state-highlight-warning{
  color: #ff0000;
  background-color: #ffe5e5;
  background-image: url(/images/icone/picto_error6.png);
  background-position: 7px center;
  background-repeat: no-repeat;
}*/
/* ============================== */

/* Loader jquery pour les graphiques et données des pages tableau de bord */
.processing { background-image: url(/images/loader.gif); background-repeat: no-repeat; background-position: center; }
.listInfosGenerales .processing { display: inline-block; min-width: 43px; min-height: 11px; }
.jqBlocContent.processing { height:150px; }

/* scrollToTop */
#scrollToTop a { position: fixed; padding: 2px; right: 15px; z-index: 10; border: medium none; bottom: 5px; opacity: 0.75; outline: medium none; }

.alignRight { text-align: right; }

/* ====== BOUTONS GENERIQUES ====== */
/* type A : rectangle */
/* type B : texte de couleur */
/* type C : annuler avec une Croix rouge en span */
/* bouton gris 1 */

.btnTypeA1 { padding: 4px 7px; cursor: pointer; display: inline-block;text-decoration: none; }

/* bouton gris p=1101 */
.btnTypeA2 { cursor: pointer; display: inline-block; text-decoration: none;}

.fullDisplaySelectRapport { cursor: pointer; display: inline-block; margin: 0 auto; width: 200px; }

/* bouton texte rouge 2 */
.btnTypeB2 { display: inline-block; margin: 0; padding: 0; width: 50px; border: 0; background-color: transparent; text-decoration: none; cursor: pointer; }

/* bouton  croix rouge */
.btnTypeC1 { display: inline-block; float: right; padding: 3px 7px; cursor: pointer; text-decoration: none; }

/* bouton fermer popup */
.btnFermer { position: absolute; right: 0; top: 0; margin: 0 0 20px 0; text-decoration: none; }

/* bouton prévisualiser */
.btnPreview { display: inline-block; padding: 6px 10px 5px 30px; width: 95px; cursor: pointer; text-decoration: none; width: 140px; }

/* Bouton Refresh / Reset */
.btnRefresh { display: inline-block; text-decoration: none; }

/* Bouton d'export - p902 sp2 */
.btnExport {text-align: right; text-decoration: none; }

/* Bouton croix supprimer dans tableau => × - ex p401 sp2 */
.btnDelete { font-size: 20px; color:#BF3744; text-decoration: none; }
button.btnDelete { cursor: pointer; border: none; background: none; }

.btn.btn-default.btn-dashboard {
  background-color: #eee;
  width: calc(100% - 42px);
  max-width: 300px;
  margin: auto;
  display: table;
  box-shadow: 2px 2px 5px #aaa;
  font-size: 13px;
  text-decoration: none;
}
.btn.btn-default.btn-dashboard-simple {
  background-color: #eee;
  box-shadow: 2px 2px 5px #aaa;
  font-size: 13px;
  width: calc(100% - 42px);
  max-width: 300px;
  text-decoration: none;
}
.btn-dashboard-container{ padding-top: 5px; padding-bottom: 15px;}

/* Boutton Bootstrap
 *
 * Bootstrap v3.3.6
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.btn-default{ color: #333; background-color: #FFF; border-color: #CCC }

.btn-default.focus, .btn-default:focus{ color: #333; background-color: #E6E6E6; border-color: #8C8C8C }

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .dropdown-toggle.btn-default{ color: #333; background-color: #E6E6E6; border-color: #ADADAD }

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{ color: #333; background-color: #D4D4D4; border-color: #8C8C8C }

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{ background-image: none }

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{ background-color: #FFF; border-color: #CCC }

.btn-default .badge{ color: #FFF; background-color: #333 }

/* Positions boutons */
.posBtnLeft{ float: left; width: 50%; margin: 15px 0 0; }
.posBtnRight{ float: right; width: 50%; margin: 15px 0 0; }
.btnPos { margin-top: 20px; text-align: center; position: relative; z-index: 1;} /* margin-top:20px retour cdpf */
.btnPosRight { text-align: right; }
.posBtn2 { margin: 0 0 40px; }
.btnPos button, .btnPos input[type="submit"], .btnPos a { margin-bottom: 5px; }
.ie7 .btnPos button { margin-right:10px;}
.ie7 .btnPos button, .ie7 .btnPos input, .ie7 .btnPos a { vertical-align: top; }

.btnPosBorder { margin: 15px 0; padding: 10px 0; }

/*	FORMULAIRES GENERIQUES	*/
.contentDatepicker, .colType1.contentDatepicker { position: relative; width: 300px; }
.contentDatepicker .datepicker-button { position: absolute; right: 10px; bottom: 25px; }
.contentDatepicker .textClassic { position: absolute; left: 305px; bottom: 25px; width: 100%; }
.contentDatepicker [class*="buttonType"] { position: absolute; left: 305px; bottom: 0; }

.formGenerikUn .errorMessage { margin: -5px 0 5px 22%; padding: 0 0 0 5px; color: #ff0000; }
.formGenerikUn .colLabelFieldSmall .errorMessage { margin-left: 60%; }

.formGenerikUn .labelTypeUn, .formGenerikUn .labelTypeDeux { width: 22%; margin: 10px 5px 10px 0; font-weight: bold; vertical-align: middle; }
.formGenerikUn .labelTypeUnNotUpper { width: 22%; margin: 10px 5px 10px 0; font-weight: bold; vertical-align: middle; }

.formGenerikUn .labelText { width: 22%; margin: 0 5px 0 0; font-weight: bold; }

.formGenerikUn .inputTextTypeDeux { margin-right: 5px; }

.formGenerikUn .labelTypeTextarea { width: 22%; margin: 5px 5px 0 0; font-weight: bold; vertical-align: top; }

.formGenerikUn .titreAdresse { display: inline-block; margin: 8px 0 3px 125px; font-weight: bold; }

.formGenerikUn .inputTextTypeUn, .formGenerikUn .textareaTypeUn, .formGenerikUn textarea { margin: 5px 5px 5px 0; width: 300px; }
.formGenerikUn .typeText { margin: 0 5px 0 0; width: 19%; }

span.labelTypeUn { display: inline-block; }
.formGenerikUn .textUn { display: inline-block; margin: 5px 5px 5px 0; max-width: 76%; vertical-align: middle; }
.textUn a { color: #0080b1; } /* ex p1201 sp1 */
.textUn a:hover { text-decoration: underline; }

.formGenerikUn .textareaContent textarea { width: 508px; margin: 0; }

.formGenerikUn select, .formGenerikUn .selectTypeUn { width:25%; margin: 5px 5px 5px 0; }
.formGenerikUn .selectTypeDeux { width: 312px; margin: 0 0 10px 0; }
.formGenerikUn .selectTypeTrois { width: 225px; margin: 0 0 10px 0; }
.formGenerikUn .selectTypeQuatre { width: 40%; margin: 5px 5px 5px 0; }
.formGenerikUn .selectTypeCinq { width: 60%; margin: 5px 5px 5px 0; }

.formGenerikUn .jqDatePicker { margin: 5px 5px 5px 0; width: 18%; }
.formGenerikUn .datepicker-button { vertical-align: middle; cursor: pointer; }
.ie7 .formGenerikUn .datepicker-button { vertical-align: baseline; }

.formGenerikUn .heureContent { width: 260px; float: left; }
.formGenerikUn .minuteContent { width: 135px; float: left; }
.formGenerikUn .heureContent .labelTypeUn { width: 208px; }
.ie7 .formGenerikUn .heureContent .labelTypeUn { width: 202px; }
.formGenerikUn .minuteContent .labelTypeUn { width: 1px; }
.formGenerikUn .heureContent input.inputTextTypeUn, .formGenerikUn .minuteContent input.inputTextTypeUn { width: 30px; }

/* Commun au radio et checkbox */
.formGenerikUn .typeChbx { margin: 0 5px 10px 0; } /* checkbox à gauche du label */
.formGenerikUn .labelChbx { vertical-align: top; }
.formGenerikUn .typeChbx2 { margin: 0 5px 10px 5px; } /* checkbox à droite du label ex : p204 */
.formGenerikUn .typeChbx3 { vertical-align:middle;} /* checkbox à droite d'un label de type .labelTypeUn ex: p202 sp1 */

.formGenerikUn .typeInputRadio { display: inline-block; margin: 0 3px 10px 0; padding: 0;}
.formGenerikUn .labelRadio {display: inline-block; margin: 0 15px 0 0; width: 11%;}
.formGenerikUn .radioContainer .labelTypeUn { float: left; }
.formGenerikUn .radioContent { width: 50%; float: left; margin: 10px 5px 10px 0; }
.formGenerikUn .radioContent > div { width: 32%; float: left; }
.formGenerikUn .radioContent > div input { margin: 0 5px 0 0; padding: 0; }
.formGenerikUn .radioContent > div label { vertical-align: top; }
.formGenerikUn .colLabelField .radioContent > div label { vertical-align: middle; }
#atexZoneEdit .formGenerikUn .aGaucheEncart .radioWithoutLabel p.errorMessage { margin: 0; padding: 0; }
.formGenerikUn .radioContainer .errorMessage { margin-top: 0; }

.formGenerikUn .inputCheckUn { float: left; }

.formGenerikUn .checkboxContainer .labelTypeUn { float: left; }
.formGenerikUn .checkboxContent { margin: 10px 0; float: left; }
.formGenerikUn .checkboxContent > div .typeChbx { float: left; }
.formGenerikUn .checkboxContent > div .inputTextTypeUn {margin-left: 5px; }
.formGenerikUn .checkboxContainer .errorMessage{margin-top:0;}

/* Encart fond gris dans formulaire - ex p502 & sp1 */
.formGenerikUn .actionSupContent { width: 520px; margin: 0 0 10px 0; padding: 10px; background-color: #f0f0f0; }
.formGenerikUn .actionSupContent .actionSupContent { width: 500px; }
.formGenerikUn .actionSupContent > div label.labelTypeUn, .formGenerikUn .actionSupContent > div label.labelTypeTextarea { width: 198px; }
.formGenerikUn .actionSupContent > div label.labelTypeUn + input { margin-top: 10px; }
.formGenerikUn .actionSupContent .actionSupContent label.labelTypeUn, .formGenerikUn .actionSupContent .actionSupContent label.labelTypeTextarea { width: 125px; }
.formGenerikUn .actionSupContent .inputCostContent label.labelTypeUn.labelCost { width: 135px; }

.formGenerikUn .inputCostContent .clearBoth{display: inline-block;}
.formGenerikUn .inputCostContent .clearBoth:before{content: "\20AC"; margin-left: 5px;}

.formGenerikUn .actionSupContent > div.inputCostContent { width: 365px; float: left; }
.formGenerikUn .actionSupContent > div.inputCostContent.costContent {width: 305px; }
.formGenerikUn .actionSupContent .actionSupContent .inputCostContent { width: 295px; }
.formGenerikUn .actionSupContent .euroContent {display: inline-block; margin-top: 15px; font-weight: bold; }
.formGenerikUn .actionSupContent .titre { font-weight: bold; margin: 13px 5px 0 0; padding: 5px 0; }
.formGenerikUn .actionSupContent .noteCost { margin-left: 10px; font-size: 10px; }

.formGenerikUn .colLabelField { float: left; width: 820px; } /* ex p 1301 sp 2*/
.formGenerikUn .colLabelField .labelTypeUn { width: 48.1%; }
.formGenerikUn .colLabelField .labelTypeDeux { width: 48.1%; }
.formGenerikUn .colLabelField .errorMessage{margin-left:48.1%;}

.formGenerikUn .colLabelField2 { float: left; width: 440px; } /* ex p 1502 sp 1*/
.formGenerikUn .colLabelField2 .labelTypeUn { width: 45.3%; }
.formGenerikUn .colLabelField2 .errorMessage{margin-left:46%;}

.formGenerikUn .colLabelFieldSmall { float: left; width: 628px; }
.formGenerikUn .colLabelFieldSmall select { width: 106px; }
.formGenerikUn .colLabelFieldSmall .inputTextTypeUn { width: 100px; }
.formGenerikUn .colComplementaire { float:left; width: 200px; margin: 5px 0; } /* besoin minimum de 200px au lieu de 170 pour la p202 sp01*/
.formGenerikUn .colComplementaire .textClassic { display: inline-block; margin: 6px 0 0; }
.formGenerikUn .colComplementaire .radioContainer > div { width: 50%; float: left; margin-top: 6px; }

.formGenerikUn .colComplementaire2 { float:left; width: 170px; margin: 0; }
.formGenerikUn .colComplementaire2 .radioContainer > div { width: 50%; float: left; margin-top: 6px; }

.formGenerikUn .colComplementaire3 { float:left; width: 320px; margin: 0; }

.formGenerikUn .colComplementaire + .colLabelFieldSmall { margin-left: 50px; }
.formGenerikUn .colComplementaire + .colLabelFieldSmall label { width: 100px; }
.colLabelFieldSmall .labelTypeUn { width: 63%; }

.blockAction .colLabelFieldSmall .labelTypeUn { width: 60%; }

.contentLabelAide > div { width: 855px; float: left; }
.contentLabelAide > div .labelTypeUn { width: 46.3%; }
.contentLabelAide > div select { width: 52.5%; }
.contentLabelAide .labelOrigine { width: 50px; float: left; margin-top: 10px;}
.contentLabelAide > div .errorMessage { margin-left: 39%; }

.formGenerikUn .infosDetailUser{margin:3px 0 0;float:left;}

.bsdBlocForm fieldset { padding: 20px; }
.bsdBlocForm fieldset legend { font-size: 18px; padding: 0 5px; }
.bsdBlocForm fieldset .msgCreaBsd { position: absolute; bottom: 10px; left: 30%; }
.bsdBlocForm fieldset .msgCreaBsd .noteLegend { margin: 0; }

/* --- Paramétrage edit ut p702 sp2--- */
#arParamEditUt .formGenerikUn .radioContent > div {width:180px;} /* 180px minumum pour chrome */

/* --- Paramétrage edit geh p702 sp3--- */
#arParamEditGeh .formGenerikUn .radioContent > div{width:180px;} /* 180px minumum pour chrome */

/* cas select container multi*/
.select2-results .select2-result-label { font-size: 11px !important; }

.select2-drop{ padding-left: 5px !important;}

.colType1 .select2-container.select2-container-multi { width: 100%; margin-top: 7px; }

.formGenerikUn .select2-container { display: inline-block; vertical-align: middle; width: 57%; margin: 10px 0 0; padding: 0; }
.formGenerikUn .select2-search-field { width: 100%; }

.formGenerikUn.periodicNotification select {
    border: 1px solid #ccc;
    font-size: 11px;
    width:30%;
}

.formGenerikUn.periodicNotification .labelTypeUn {
    display: inline-flex;
}

.formGenerikDeux { padding: 0 5px; }

/* Pub Header */
.banniereHeader { margin: 10px; }

/* Activation flèche de selectbox en mode multi de select2.js (désactivée par défaut) */
.select2-choice{border-radius: 0 !important;}
.select2-choice .select2-arrow{background: none !important;border-left:none !important;}

/* nombre conformité réglementaire, plans d'action */
.infoBulleContainer{position:relative;z-index:1;}
.infoBulle{top:0; right:0; margin:0;min-width:10px;padding:4px;border-radius:5px;}

/* Onglets haut de page - ex p=205 sp=1 */
/*.onglets { font-size: 12px; font-weight: bold; list-style-type : none; padding : 0 5px 26px; border-bottom : 1px solid #ccc; margin : 0; }
.onglets li { float : left; height : 23px; background-color: #f0f0f0; margin : 2px 1px 0 1px; border : 1px solid #ccc; }
.onglets li.colorFill { background-color: #D8F6CE !important; }
.ie .onglets li { margin : 2px 1px 0 1px; }
.onglets a { display : block; color : #999; text-decoration : none; padding : 5px 10px; }
.onglets a:hover, .onglets li.on a { background-color : #fff; color: #434343; }*/

/* Dashboard widgets */
.ui-draggable-dragging{z-index: 1000;}

#aesRateWidget{height: 105px;vertical-align: top;margin: 30px 0 0 5px;}

/* mise en forme de '+Ajouter' et 'Supprimer' */
.linkPlus { margin-bottom: 10px; }
a.linkPlus { display: inline-block; }
.linkPlus a, a.linkPlus, .linkDelete {font-size:11px; color:#4e3f56; cursor:pointer; }
.linkPlus a:hover, .linkDelete:hover {text-decoration: underline;}
.actionsPositionR { float: right; margin-bottom: 5px; }

/* Lien d'aide - ex p1301 sp2 */
.labelOrigine { color: #4e3f56; display: inline-block; margin-left: 10px; }

/* Affichage du message si 0 résultat */
.noResult { margin: 20px 0; font-size: 14px; font-weight: bold; }

/* Légendes et notes pour liste Tableau */
.legendTable { margin: 15px 0 0; }
.legendTable p { margin: 0; font-weight: bold; }
.noteInstruction { margin: 0 0 15px; color: #808080; }
.noteInstruction a { color: #808080; text-decoration: underline; }
.noteInstruction a:hover { text-decoration: none; }

/* Note pour les labels - ex p902 sp1 */
.noteLegend { margin: 0px 0 10px 0; font-style: italic; width: 22%; font-weight: normal; text-transform: none}

/* Encadré détail d'une fiche - ex p1300 sp4 */
.listeDetailDelGenerique { margin: 0 0 30px 0; padding: 10px; }

/* convertisseur p1300 sp5*/
#wContainerUnitConverter .formGenerikUn .colLabelFieldSmall{width:350px;}
#wContainerUnitConverter .colLabelFieldSmall .labelTypeUn, #wContainerUnitConverter .formGenerikUn .colLabelFieldSmall .errorMessage{padding:0; width:59%;}
#wContainerUnitConverter .formGenerikUn .colComplementaire{width:460px;}
#wContainerUnitConverter .formGenerikUn .colComplementaire .radioContainer > div{width:25%;}

/* Encadré Ajout d'un élément - ex p1300 sp4 et 1302*/
.blockAction { margin: 0 0 5px 0; padding: 10px; }
.blockActionTitle { display: block; float: left; margin: 0 10px 0 0; padding: 0 0 3px; width: 815px; }
.blockActionBody { margin: 0; padding: 10px; }
.actionsPosition { float: right; }


/* Détail fiche sur fond bleu - ex : p1300 sp4 */
.detailFiche { margin: 0 0 10px; padding: 5px; }
.detailFiche .sstitreGenerique1 { margin: 0; padding: 0 0 10px; }

/* bloc générique fond bleu encadré bleu - ex p1301 sp2 */
.enrobageColor4Bg { float: left; margin: 0 0 10px 0; padding: 10px; overflow-y: scroll; height: 200px; }
.enrobageColor4Bg .sstitreGenerique4 { display: block; margin-top: 0; margin-bottom: 10px; }
.enrobageColor4Bg.contentChoice { width: 710px; margin-right: 20px; }
.enrobageColor4Bg.contentChoice .labelChbx { max-width: 97%; margin-bottom: 10px; }
.enrobageColor2Bg { float: left; margin: 0 0 10px 0; padding: 10px; overflow-y: scroll; height: 200px; }
.enrobageColor2Bg .sstitreGenerique4 { display: block; margin-top: 0; margin-bottom: 10px; }
.enrobageColor2Bg.contentChoice { width: 710px; margin-right: 20px; }
.enrobageColor2Bg.contentChoice .labelChbx { max-width: 97%; margin-bottom: 10px; }
.enrobageColor0Bg { float: left; margin: 0 0 10px 0; padding: 10px; overflow-y: scroll; height: 200px; }
.enrobageColor0Bg .sstitreGenerique4 { display: block; margin-top: 0; margin-bottom: 10px; }
.enrobageColor0Bg.contentChoice { width: 710px; margin-right: 20px; }
.enrobageColor0Bg.contentChoice .labelChbx {margin-bottom: 10px; }
.enrobageColorBlack.contentChoice { width: 672px; margin-right: 20px; overflow-y: scroll; height: 100px;}

/* Affichage de message de rappel : fond bleu encadré bleu Seuil C1 - ex p203 sp0  et p602 sp0 = conforme au psd */
.enrobageColor4BgSeuil { margin:0 0 15px 0; padding:10px; background-color:#f0f0f0; text-align:center; font-size:18px; font-weight:bold;}
.enrobageColor4BgSeuil .seuilActuel{float:left; margin:0; padding:15px 2%; width:45%; border-left:1px solid #ccc;}
.enrobageColor4BgSeuil .seuilActuel:first-child{border:0;}

/* Bloc message maintenance */
.enrobageColor4BgMaintenance { margin:20px 0 15px 0; padding:10px; text-align:left; font-size:18px; /*font-weight:bold;*/}
.enrobageColor4BgMaintenance .blocInfo { padding-top: 15px; font-size: 11px; }
.enrobageColor4BgMaintenance .blocInfo p { margin: 0; }
.enrobageColor4BgMaintenance .blocInfo a { cursor: pointer; color: #000000; }
.enrobageColor4BgMaintenance .blocInfo a:hover { text-decoration: underline; }

/* Bloc entête fond gris + bordures - ex p1302 sp3 */
.posBtnOnglets { margin: 20px 0 10px; }
.contentEntete { background-color: #ececec; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 5px; }
.contentEntete .titleEntete { float: left; width: 85%; margin: 0; font-weight: bold; font-size: 12px; }
.contentEntete .actionsPosition { float: right; }

/* Encart fond gris - ex p602 sp1 */
.encartType1 { margin: 20px 0; padding: 15px; }
.encartType1 .sstitreGenerique1 { margin: 0 0 15px; }
.encartType1 .labelTypeTextarea { width: 33.5%; }
.encartType1 .noteInstruction { font-style: italic; text-align: center; }
.sstitreGenerique1 .helpIcone { margin: 0; display: inline-block; text-transform: none; font-weight: normal; font-size: 11px;  }

/* Bloc avec picto 'Aide' - ex p902 sp1
encartAvecAide1 = html libre
encartAvecAide2 = html dans field_helper
*/
/* Encart fond bleu à droite de la page - ex p902 sp1 et p602 sp1 */
.encartColorMain1 {float: left; margin: 0; padding: 10px 2%; width: 25%; }
.encartColorMain1 .encartTitle { margin: 0; padding: 0 0 5px 0; }
.encartColorMain1 .evaluationNb { display: inline-block; vertical-align: top; width: 16%; margin: 5px 0 0 0; }
.encartColorMain1 .labelText { width: 79%; margin-top: 5px; display: inline-block; vertical-align: middle;}
.encartColorMain1 .typeInputRadio, .encartColorMain1 .labelRadio{margin-top: 0;}
.encartColorMain1 .radioContainer .labelTypeUn { width: 58%; }
.encartColorMain1 .radioContent { width: 39%; margin-right: 0; text-align: right; }
.encartColorMain1 .radioContent > div { width: 45px; }
.encartColorMain1 .labelTypeTextarea { width: auto; margin-bottom: 5px; }
.encartColorMain1 textarea{margin: 0; width: 225px;}
.encartColorMain1 .separeContenuEncartColorMain1 { margin: 10px 0; }

.aGaucheEncart { float: left; margin: 0 3% 0 0; width: 67%; position: relative; }
.aGaucheEncart .labelTypeUn, .aGaucheEncart .labelTypeTextarea { padding-right: 5px; width: 32%; }
.aGaucheEncart.encartAvecAide1{width:450px}
.aGaucheEncart.encartAvecAide1 .labelTypeUn{width:45%;}
.aGaucheEncart .encartAvecAide2 > div {float:left; width:64%}
.aGaucheEncart .encartAvecAide2 .labelTypeUn{width:50%;}
.aGaucheEncart .encartAvecAide2 select {width:40%}
.aGaucheEncart .encartAvecAide2 .errorMessage { margin-left: 51.5%; }
.aGaucheEncart.encartAvecAide1 .helpIcone{float:right;}
.aGaucheEncart .encartAvecAide2 .helpIcone {float:left}
a.helpIcone{display:block; width:25px; margin:14px 0 0 0; padding:3px 0 2px 17px;}

.aGaucheEncart .controlCoefficient { position: absolute; right: 45px; }
.aGaucheEncart .controlCoefficient select { width: 50px; }
.aGaucheEncart .controlComment label, .aGaucheEncart .commentInfosComp label { padding: 0; width: 33%; }
.aGaucheEncart .controlComment .formGenerikUn .errorMessage{margin-left:33%;}

#atexZoneEdit .formGenerikUn .aGaucheEncart p.errorMessage { margin: -10px 0 0 51%; padding: 0 0 0 5px; }

/*	AR edit	Risque */ /* A revoir */
#arEditRisque .encartNivRisque{margin: 20px 0; padding: 15px; position: relative;}
#arEditRisque .encartNivRisque .sstitreGenerique1:first-child{margin-top: 0;}
#arEditRisque .encartNivRisque .mesures{float: left; margin: 0 0 0 10px; width: 221px;}
#arEditRisque .encartNivRisque .mesures.first{margin-left: 0;}
#arEditRisque .encartNivRisque .mesures textarea{margin: 0; width: 97%; float: none; padding: 5px 1%;}
#arEditRisque .encartNivRisque .columNivRisk{float:left;}
#arEditRisque .encartNivRisque .columNivRiskType{width:58%;}
#arEditRisque .encartNivRisque .columNivRiskScore{width:42%;}
#arEditRisque .encartNivRisque .columNivRisk .critSelect{width: 52%; margin-right: 3%;}
#arEditRisque .encartNivRisque .columNivRisk #container_score {margin-top: 25px;}
#arEditRisque .formGenerikUn .encartNivRisque .columNivRiskType .labelTypeUn{width: 28%; margin: 0 3% 0 0;}
#arEditRisque .formGenerikUn .encartNivRisque .columNivRiskScore .labelTypeUn{width: 35%; margin: 0 3% 0 0;}
#arEditRisque .formGenerikUn .encartNivRisque .columNivRisk a{width: 12%; margin-right: 2%; display: inline-block; vertical-align: middle; text-decoration: underline;}
.columNivRisk input[type=text], #criticality{width:22%;}
#arEditRisque .encartNivRisque .columNivRisk #riskLevel, #arEditRisque .encartNivRisque .columNivRisk #riskLevelIntermediary{margin: 5px 15px 0 0; padding: 0 0 0 39%;}

	.ie #arEditRisque .encartNivRisque table {clear: left; width: 100%;}

/* =========== block générique =========== */
  /*	.blockType1 gris 1 + picto
    .blockType2 sans img
    .blockType3 avec flèche
    .lienTypeFleche lien avec flèche (bas de bloc)
    .ssTitreTypeFleche sous titre dégradé + flèche
  */
.blockType1{float:left;width:300px;margin:0 0 1% 1%;padding:0;}
.blockType1 .titreType1, .blockType1 .titreType2{position:relative; z-index:3; margin:0;padding:0; }
.blockType1 .titreType1 p{margin:0;padding:10px 25px 10px 47px;font-size: 11px;}

.blockType1 .titreType2 p{margin:0;padding:10px;} /* sans img*/

.blockType1 .listClassik{margin:0 0 10px 0;padding:0 10px;list-style:none;}
.blockType1 .listClassik li {margin:0;padding:10px 0;}
.blockType1 .listClassik li:last-child{border-bottom:none;}
.blockType1 .listClassik ul{list-style:none;margin:0 0 0 15px;padding:0;}

/* structure avec 2 colonnes */
.blockType1 .corpsBlock2col{margin:0 0 7px 0;padding:0 10px;list-style:none;}
.blockType1 .corpsBlock2col li {margin:0;padding:10px 0;}
.blockType1 .corpsBlock2col li:last-child{border-bottom:none;}
.blockType1 .corpsBlock2col li .elementG{float:left;display:bloc;margin:0;padding:0 2% 0 0; width:70%;}
.blockType1 .corpsBlock2col li .elementD{float:left;display:bloc;margin:0;padding:0; width:27%;}

.blockType1 .lienTypeFleche{position:relative; z-index:1;margin:0;padding:0; }
.blockType1 .lienTypeFleche a{display:block;margin:0;padding:7px 5px 7px 30px;text-decoration:none;}
.blockType1 .lienTypeFleche a:hover{text-decoration:underline;}

.blockType1, .blockType2 {padding-bottom: 5px;}
.blockType1.paddingBottom10, .blockType2.paddingBottom10 {padding-bottom: 10px;}
.blockType1.bloc-home-widget{height: 270px;padding-bottom: 15px;}

.lienType1 { padding-left: 10px; font-size: 12px; }
.lienType1:hover { text-decoration: underline; }

.lienType2 { display: block; margin: 20px 0; padding-top: 20px; border-top: solid 1px #c5c9cb; font-size: 12px; text-decoration: underline; }
.lienType2:first-child { border-top: none; margin-top: 0; padding-top: 0; }
.lienType2 p { margin: 0; }
.lienType2:hover { text-decoration: none; }

.lienType3 { text-decoration: underline; font-size: 11px; }
.lienType3:hover { text-decoration: none; }

.holdTheDoor img { vertical-align: middle; }
.holdTheDoor a { padding-left: 2px; color: #4e3f56; vertical-align: middle; }
.holdTheDoor a:hover { text-decoration: underline; }

.helpConf img { vertical-align: middle; }

/* Bloc sur 2 colonnes - ex tableau de bord p901 sp2 */
.blockType2 { float: left; width: 464px; }
.blockType2.first { margin-right: 15px; }

/* Bloc avec statistiques amcharts - défini la hauteur minimum pendant le chargement js */
.content.amcharts { height: 280px; }
.content.amcharts.size2 { height: 500px; }

/* titres génériques */
.titreGenerique2{margin:0 0 10px 0;padding:0 0 10px 0;}
.titreGenerique3{margin:0 0 0 0;padding:0 0 10px 0;}
.titreGenerique5{margin:0 0 20px 0;padding:0;}
.titreGenerique7 { margin: 10px 0; padding: 5px 0 5px 6px; }
.titreGenerique8 { margin: 0 0 10px 0; padding: 0; }
.titreGenerique9 {margin: 30px 0 20px; padding-bottom:5px;}

.sstitreGenerique2 { margin: 15px 0 0; }
.sstitreGenerique5 { margin: 0; }

/* Messages dans les onglets dashboard - ex p901 sp2 */
.dashboardTabTitle { margin: 0 0 10px; }
.dashboardTabWarning { margin: 0 0 10px; }

.ssTitreTypeFleche{margin:0;padding:0;position:relative; z-index:1;}
.ssTitreTypeFleche a{display:block;margin:0;padding:4px 5px 4px 20px;text-decoration:none;}
.ssTitreTypeFleche a:hover{text-decoration:underline;}

/* === Contenu de page générique avec tableau === */
.contentPageTab{margin:10px 2% 0 2%;padding:6px 0 20px 0;}
.contentPageTab .dataTables_wrapper,
.wrapperTable { overflow-x: auto;}
#listTableRiskAllSite_wrapper { overflow-x: visible; margin-left: -24px; }
.wrapperTable2 { overflow-x: hidden; width: 100%; }
.wrapperTable .indicationScrollTab,
.wrapperTable2 .indicationScrollTab{ font-size: 25px; font-weight: bold; color: #187fb0; }

.contentPageTab .dataTables_wrapper .bottom,
.wrapperTable .bottom {
    margin: 10px 0;
}

.paginate_button {
    margin-left: 6px;
    cursor: pointer;
}

.contentPageTab .dataTables_wrapper .bottom:before,
.wrapperTable .bottom:before,
.contentPageTab .dataTables_wrapper .bottom:after,
.wrapperTable .bottom:after{
  content: ' ';
  display: table;
}

.contentPageTab .dataTables_wrapper .bottom:after,
.wrapperTable .bottom:after {
  clear: both;
}

.tableStyle0 tr, .tableStyle1 tr { cursor: pointer; }
/* utilisation de table style 0 pour caler */
.tableStyle0{width:100%;border-collapse:collapse;border-spacing:0; padding:0;}
.tableStyle0 textarea{width:95%;}
.tableStyle0 tr th{text-align:left;}

/*table style 1 dégradé Gris*/
.tableStyle1 { width: 100%!important; padding: 0; }
.tableStyle1 .sorting span{display:block;cursor: pointer;padding:10px 14px 10px 5px;}
.tableStyle1 .sorting_asc span {display:block;cursor: pointer;padding:10px 10px 10px 5px;}
.tableStyle1 .sorting_desc span {display:block;cursor: pointer;padding:10px 10px 10px 5px;}
.tableStyle1 tr td{padding: 5px;}
.tableStyle1 tr td.questAudit{vertical-align:top;}
.tableStyle1 p{margin:0;}
.tableStyle1 button[type=button]{border: none; background: none; cursor: pointer;}
.contentPageTab table.tableStyle1.confMultiSites tr.noBorder {border-top-style: hidden;}
.contentPageTab .tableStyle1 select, .contentPageTab .tableStyle1 input, .contentPageTab .tableStyle1 textarea{margin:3px 0 5px 0;}
.contentPageTab .confMultiSites textarea {height: 100px;  width: 80%;}
.contentPageTab .confMultiSites .height-100 textarea {min-height: 255px;}
.contentPageTab .confMultiSites select {width: 100%;}
.contentPageTab .confMultiSites input {width: 60%;}

.tableStyle1 tr.sousArticle{}
.tableStyle1 tr.sousArticle .editBloc textarea{padding:5px; width: 180px; height: 60px;}
.tableStyle1 tr.sousArticle .numeroArticle{display:block;padding:3px 0;}
.tableStyle1 tr.sousArticle .contenuArticle .artTxt img{}
.tableStyle1 tr .tdComControlOp{}
.tableStyle1 tr td a.addComment,.tableStyle1 tr td a.addControleOp {display:block;padding:8px 0 0 0;}

.tableStyle1 tr td .datepicker-button { margin-left: 5px; }

.tableStyle2{width:100%; padding:0; border-collapse:collapse; border-spacing:0; overflow-x: auto;}
.tableStyle2 tr td, .tableStyle2 th {padding: 5px; font-weight: bold; font-size:15px;}
.tableStyle2 thead tr {border-bottom:2px solid #dedede}
.tableStyle2 thead tr td:last-child {text-align: right;}
.tableStyle2 button[type=button]{border: none; background: none; cursor: pointer;}
.tableStyle2 tr:first-child td{padding-top: 10px;}

.aspect-significativity {
  text-align: center;
  padding: 0 5px;
}
.aspect-significativity.aspect-significant {
  background-image: url('/images/icone/picto_exclam1.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  color: #FF1100;
}

/*	AR edit GEH	*/
#arEditGeh .tableStyle1 thead tr th { padding: 2px; }
#arEdit .tableStyle1 thead tr th{padding: 2px;}

/*	specific text list	*/
#listSpecificText .tableStyle1 thead tr th {
    padding: 10px;
}

#listSpecificText .tableStyle1 tr td {
    padding: 10px;
}

/* Cas particulier Atex - zone schema */
#atexZoneSchema .tableStyle1 th, #atexZoneSchema .tableStyle1 td { padding: 5px 8px; cursor: auto; }
#atexZoneSchema .tableStyle1.nameSchemaAtex { margin: 20px auto 40px auto; width: auto; }
#atexZoneSchema .tableStyle1.nameSchemaAtex th { padding: 10px; }
#atexZoneSchema .tableStyle1.nameSchemaAtex .titreTable { font-size: 14px; }
#atexZoneSchema .tableStyle1.legendSchemaAtex { margin: 20px auto; width: auto; text-align: center; }
#atexZoneSchema .schemaPos { text-align: center; margin: 15px 0 35px 0; }
#atexZoneSchema .schemaPos img { max-width: 100%; }
#atexZoneSchema .titreGenerique2 { margin: 15px 0 5px 0; padding: 0; }
#atexZoneSchema .dateExtractSchema { margin: 0 0 15px 0; padding: 0; }
.bullet-z0, .bullet-z1, .bullet-z2, .bullet-hz { margin: 5px; width: 35px; height: 35px; border-radius: 50px; }
.bullet-double { margin: 5px auto; width: 27px; height: 27px; border-radius: 50px; border: double 4px #777; }

/* Mise en forme du tableau Plan d'action - p401 sp3 */
.contentPageTab .tableStyle1 #actions select { min-width: 90px;}
.ie7 .contentPageTab .tableStyle1 #actions select {width: 90px;}
.contentPageTab .tableStyle1 #actions tr td:first-child label { width: 35%; }
.contentPageTab .tableStyle1 #actions tr td:first-child input { width: 245px; }
.contentPageTab .tableStyle1 #actions tr td:first-child select { width: 257px;}
.contentPageTab .tableStyle1 #actions tr td .tdDatePicker{width:96px;} /*safari*/

.resultParPage { text-align: right; }
.resultParPage p{margin:0 0 2px 0;}

/* FORM TRI GENERIQUE */
.triForm { margin: 0; padding: 0 0 10px 0; position: relative; }
.triForm p { margin: 0; }
.triForm label { width: 140px; margin: 10px 5px 10px 0; }
.triForm input[type="text"] {width: 188px; margin: 5px 0; }
.triForm select { width: 200px; margin: 5px 0; }
.triForm.triFormWide select { width: 915px; }
.triForm .posBtnRefresh { position: absolute; bottom: 15px; right: 0 }
.triForm .btnRefresh { cursor: pointer; background-color: transparent; border: 0 none;} /* pour enlever le fond et bordure du button */
.triForm .btnRefresh img { vertical-align: middle; }
.triForm .datepicker-button {margin:0 20px 0 5px; vertical-align: middle; cursor: pointer; }
.ie7 .triForm .datepicker-button { vertical-align: baseline; }
.triForm .labelChbx { vertical-align: middle; padding-right: 15px; }
.triForm .typeChbx { margin: 0 5px 10px 5px; }
  .ie .triForm .typeChbx{margin-top:-3px;}
.triForm .titreGenerique3 { margin-top: 10px; padding-bottom: 0; font-weight: bold; }
.triForm .row-filter select { margin-left: 3px; }

/* Zone de tri sur 2 colonnes - ex p1302 sp1 */
.triForm .colG, .triForm .colD { width: 460px; float: left; }

.triForm .triTab thead tr th{padding:5px; width: 10%;}
.triForm .triTab thead tr th a {text-decoration: none;}
.triForm .triTab thead tr th a:hover { text-decoration: underline;}
.triForm .triTab tr td{padding:5px 10px;text-align:center;font-weight:bold;}
.triForm .triTab tr td a{padding:0;text-decoration:none;}


.triForm.aspectFormSearch select {width: 29%; margin-right: 1%;}

.articleAbroge{text-decoration:line-through;} /* article barré */

.txtIntroPage, .txtIntroPage2{margin:0 0 20px 0;padding:10px 0;}
.txtIntroPage p, .txtIntroPage2 p{margin:0;padding:0;}
.floatRightZoneIntro{float:right; margin: 0 0 10px 10px;}

.fichierJoint{display:inline;position:relative;z-index:5px;}
.fichierJoint:hover .hasMedias{display:block;}
.hasMedias{display:none;position:absolute;z-index:20;top:10px;left:0; margin:0;padding:10px;min-width:140px;}
.ie .hasMedias{top:10px;}
.fichierJoint .hasMedias .labelOrigine{float:left;margin: -1px 0 0;}
.fichierJoint .hasMedias .jsUnLinkMedia{float:left;margin: 0 0 0 5px;}
.hasMedias img{margin:-3px 5px 0 0;}
.dataTables_filter{display:none;}

.infoVigilence{display:inline;position:relative;z-index:5px;}
.infoVigilence:hover .blocAlertes{display:block;}
.blocAlertes{display:none;position:absolute;z-index:20;top:13px;left:0;
margin:0;padding:10px;min-width:450px;}
.flecheColor4 { padding: 0 0 0 18px; cursor: pointer; }
.flecheColor3 { padding: 0 0 0 18px; cursor: pointer; }
.email{display:inline-block;margin:0 3px 0 0;height:12px; width:17px;}
.tel{display:inline-block;margin:0 3px 0 0;height:14px; width:13px;}
/* =============================================== */



/* ============= HP tableau de bord ============= */

/* Conformités à traiter */
#confATraiter{}
#confATraiter #conformityCounterChartDiv{height:150px;width:100%;}
#confATraiter ul{margin:0 10px 5px 10px;padding:0;list-style:none;}
#confATraiter ul li{margin:5px 0;}
#confATraiter ul li a:hover{text-decoration:underline;}

/*============ fin tableau de bord ===============*/

/* Defaut liste avec ascenceur - ex p303 sp0*/
.listeContainer{margin:10px 0 0 0; padding:10px 0 10px 0;list-style:none;}
.listeContainer li a{display:block;margin-top:2px;padding:10px 0 10px 25px;color:#434343;}
.listeContainer li ul{list-style:none; margin:0;padding:0;}
.listeContainer li ul li a{display:block;margin:2px 0;padding:10px 0 10px 40px;}
.listeContainer li ul li ul li a {display:inline-block;margin:1px 0;padding:10px 0 10px 50px;}/*margin:3px 0;*/
.listeContainer li ul li ul li a.listeN3 {margin:0;padding-left:95px;}
.listeContainer li ul li ul li a.listeN4 {margin:0;padding-left:120px;}
.listeContainer li ul li ul li a.listeN5 {margin:0;padding-left:145px;}
.listeContainer li ul li ul li a.listeN6 {margin:0;padding-left:170px;}
.listeContainer li ul li ul li a.listeN7 {margin:0;padding-left:195px;}
.listeContainer li ul li ul li a.listeN8 {margin:0;padding-left:220px;}
.listeContainer li ul li ul li a.listeN9 {margin:0;padding-left:245px;}
.listeContainer li ul li ul li a.listeN10 {margin:0;padding-left:270px;}
.listeContainer input[type="checkbox"] { vertical-align: middle; }
.listeContainerContent {display:block;}
.listeN1Titre{display:block;}
.listeN2{margin:0;padding:0;}
.listeN2 li span{font-weight:bold;}

.listeContainer span, span.highStakes{
    font-weight: bold;
    float: right;
    border-radius: 10px;
    background-color: #a90329;
    opacity: 0.7;
    color: white;
    padding: 3px;
    font-size: 8px;
}

.highStakes--tag {
    font-family: "source_sans_pro", Arial, Helvetica, sans-serif;
    border-radius: 10px;
    background-color: #a90329;
    opacity: 0.7;
    color: white;
    padding: 5px;
    font-size: 10px;
}

.listeContainer span{
    margin-top: 7px;
    padding: 5px;
    margin-right: 10px;
    font-size: 9px;
}

.titreGenerique3 span.highStakes{
    float: none;
    margin-top: 0px;
    margin-left: 5px;
    display: inline-block;
    font-size: 8px;
}

.select2-results span.highStakes{
    display: inline-block;
    margin-top: -2px;
    padding: 4px;
    font-size: 8px;
}

.select2-results span.theme{
    width: calc(100% - 50px);
    display: inline-block;
}

.pictoStatut-highStakes{
  margin-top: 4px;
  border-radius: 10px;
  background-color: #a90329;
  opacity: 0.7;
  padding: 4px;
  color: white;
  margin-right: 0px;
  font-size: 8px;
}

li.exploitRef {
    position: relative;
    padding-right: 60px;
    min-height: 20px;
}

span.exploitRef {
    position:absolute;
    right: 0;
    top: 0;
}

span.displayNone{
    display:none;
}

.grey-scale{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.listeContainer li ul li ul li:hover span, .listeContainer span.active{display: block;}

/* encart - ex p5 sp0*/
#encartType1{width:300px;margin:0 0 20px 1%;padding:0;}
#encartType1 .titreType1, #encartType1 .titreType2{margin:0;padding:0 0 0 10px;position:relative; z-index:1;}
#encartType1 .titreType1 p, #encartType1 .titreType2 p{margin:0;padding:10px 10px 10px 47px;}
#encartType1 p.normalExtracNorm{padding:0 10px;}
#encartType1 .lienTypeFleche{position:relative; z-index:1;margin:0;padding:0; }
#encartType1 .lienTypeFleche a{display:block;margin:0;padding:7px 5px 7px 30px;text-decoration:none;}
#encartType1 .lienTypeFleche a:hover{text-decoration:underline;}
#encartType1 .boutonPositionExtracNorm{text-align:center;}
#encartType1 span.errors{margin-left:10px;}


.etatDeLaConformite{float:right;margin:0 0 20px 1%;padding:10px;}
.etatDeLaConformite .etatConfLibelle{margin:0 0 5px 0;padding:0;}

/* =========== Page Plan d'action détail =========== */
#paPageDetail{}
#paPageDetail .posBtn a{display:inline-block;}

#paPageDetail tr td{vertical-align:top;}
#paPageDetail textarea{padding:5px;width:96%;}
#paPageDetail select{margin:5px 0 5px 0;width:90%;}
#paPageDetail input, #paPageDetail input[type="text"]{margin:3px 3px 0 0;padding:3px 3px;width:67%;}
#paPageDetail .detailActionTab .ui-datepicker-trigger{float:right;clear:both;}


/* colonne des table*/
#paPageDetail .titleTd{width:50%;}
#paPageDetail .idPriorityTd{width:11%;}
#paPageDetail .stateTd, #paPageDetail .percentageTd{width:11%;}
#paPageDetail .dateModifiedTd{width:12%;}
#paPageDetail .dateEndTd{width:14%;}

/* detailActionTab : table inclus dans la première table */
#paPageDetail .dateEndTd2{width:12%;}
#paPageDetail .removeTd{width:2%;}
#paPageDetail .detailActionTab tr th{padding:3px 5px 0;text-align:left;}
#paPageDetail .detailActionTab tr td{padding:0 5px 5px 5px;}
#paPageDetail tr td.removeTd{border-right:none;}
#paPageDetail fieldset{margin:0 0 10px 0;padding:0;border:none;}
#paPageDetail fieldset .comment{position:relative;margin:10px;padding:5px;}
#paPageDetail fieldset .comment p{margin:0 0 5px 0;}
#paPageDetail fieldset .comment .trash {cursor:pointer;margin-top: 10px;}
#paPageDetail fieldset .comment .removeComment{position:absolute;top:0;right:5px;}
#paPageDetail fieldset .flecheColor4 {margin-left:10px;cursor:pointer;}
#paPageDetail .flecheColor4 {cursor:pointer;}

#paPageDetail fieldset p{margin:5px 10px;}

#paPageDetail .blocEtape{position:relative;padding:10px;z-index:1;}
.supprEtape{position:absolute;top: 10px; right: 10px;}
#paPageDetail .blocEtape label{float:left;display:block;margin:10px 0 0 0;padding:3px 4px;width:10%;}
#paPageDetail .blocEtape input{float:left;margin:10px 2% 0 0;padding:3px 5px;width:12%;}
#paPageDetail .blocEtape select{float:left;margin:10px 2% 0 0;padding:3px 5px;width:12%;}
#paPageDetail .blocEtape textarea{width:99%;}
#paPageDetail .blocEtape .titreEtpInput{width:62%;}
#paPageDetail .blocEtape .isInvalid{float:left;margin-top:10px;padding-top:2px;}
#paPageDetail .blocEtape .ui-datepicker-trigger{float:left;margin-top:8px;}
#paPageDetail .detailFlecheBas{margin:0;padding:10px 0 10px 25px;}
#paPageDetail .ajoutComment .isInvalid{margin:3px 0 0 10px;}


/*============================================*/

.nomEntiteDateQuest{margin:0 0 15px;padding:7px;}
.nomEntiteDateQuest p{margin:0;font-size:12px;}
.listeQuestionFic{list-style:none;margin:0;padding:0 0 15px;}
.listeQuestionFic .titreOngletQuestionFic{font-weight:bold;font-size:18px;padding:5px 0;margin:0 0 10px;}
.listeQuestionFic .titreListeQuestionFic{font-weight:bold;font-size:14px;text-decoration:underline;margin:0 0 15px;}
.listeQuestionFic form{padding:5px 10px 10px 10px;margin:0 0 15px;}
.listeQuestionFic .aide:hover{cursor:pointer;}
.listeQuestionFic .labelQuestionFic, .listeQuestionFic .inputQuestionFic{display:block;float:left;}
.listeQuestionFic .labelQuestionFic{margin:2px 0 0 2px;width:900px;}
.listeQuestionFic .titreReponse{margin:7px 0;}
.listeQuestionFic .attribuerReponse{display:block;width:35%;margin:10px 0;background-repeat:no-repeat;padding:0 0 0 18px;}

.listeQuestionFic .sousTitreListeQuestionFic{margin:0 0 7px;}
.listeQuestionFic .sousTitreListeQuestionFic a{text-decoration:underline;}
.listeQuestionFic .contentAide{padding:5px 10px;margin:0 0 10px;}
.contentPageTab .titreListeDocAtelechar{margin:10px 0 0;}
.ssOngletContainer .titreListFic{margin:10px 0 0;}
.ficmainForm .exportExcel{display:inline-block;margin:15px 0 0;}

/* quiz */
#navQuiz{list-style:none;padding:0;margin:0 0 20px 10px;}
#navQuiz li{float:left;width:448px;margin:0 0 0 20px;background-repeat:no-repeat;padding:0 0 5px 18px;font-size:12px;}
#navQuiz li.clearBoth{width:0;margin:0;float:none;padding:0;background:none;}

.listeQuestionQuiz{list-style:none;margin:0;padding:0 0 15px;}
.listeQuestionQuiz .titreOngletQuestionQuiz{font-weight:bold;font-size:18px;padding:5px 0;margin:0 0 10px;}
.listeQuestionQuiz .titreListeQuestionQuiz{font-weight:bold;font-size:14px;text-decoration:underline;margin:0 0 15px;}
.listeQuestionQuiz form{padding:5px 10px 10px 10px;margin:0 0 15px;}
.listeQuestionQuiz .labelQuestionQuiz, .listeQuestionQuiz .inputQuestionQuiz{ vertical-align: middle;}
.listeQuestionQuiz .labelQuestionQuiz { display: inline; }
.listeQuestionQuiz .rouge { font-weight: bold; }
.listeQuestionQuiz .inputQuestionQuiz { margin: 5px 5px 5px 0; }
.listeQuestionQuiz .titreReponse{margin:7px 0;}
.listeQuestionQuiz .attribuerReponse{display:block;width:35%;margin:10px 0;background-repeat:no-repeat;padding:0 0 0 18px;}
.listeQuestionQuiz .aide { cursor: pointer; }
.listeQuestionQuiz .aide, .listeQuestionQuiz .aide img { vertical-align: middle; }

.listeQuestionQuiz .sousTitreListeQuestionQuiz{margin:0 0 7px;}
.listeQuestionQuiz .sousTitreListeQuestionQuiz a{text-decoration:underline;}
.listeQuestionQuiz .contentAide{padding:5px 10px;margin:0 0 10px;}
.ssOngletContainer .titreListQuiz{margin:10px 0 0;}
.quizmainForm .exportExcel{display:inline-block;margin:15px 0 0;}
.listeQuestionQuiz .jqMediaQuestion{margin:0 0 5px 0;}
.listeQuestionQuiz .jqMediaQuestion img{margin:0 5px 0 0;}
.listeQuestionQuiz .questionQuizAChangee{display:block;}
.listeQuestionQuiz .enCliquantIci{margin:0 0 15px 0;}
.listeQuestionQuiz .labelOrigine{display:block;margin: 0 0 5px 15px;}

.sousListeQuestionQuiz [id*="UIMessageStack-"] { list-style: none; margin: 0; padding: 0; color: #ff0000; }
.sousListeQuestionQuiz [id*="UIMessageStack-"] li:first-child { margin-top: 10px; }
.sousListeQuestionQuiz [id*="UIMessageStack-"] li:last-child { margin-bottom: 10px; }
.sousListeQuestionQuiz [id*="UIMessageStack-"] li p { margin: 0; padding: 0; }
.sousListeQuestionQuiz [id*="UIMessageStack-"] li{ margin: 2px 0; padding: 8px 5px 3px 27px; font-size: 12px; }

/* Textes Juridiques Theme tj*/
#tjTheme p.intro{margin:10px 0 0 0;}

/* Textes Juridiques Liste tj */
#txtJurListe .txtJuridikLien{color:#434343;}
#txtJurListe .contentPageTab{margin-top:20px;}

/* page reporting */
.countryItem{list-style:none;margin:15px 0 0 0;}
.country .countryItem > a.textDecoNone label.arboLabel{font-size:14px; font-weight:bold;}
#errorSelectionSite.error{color:#bf3744;}

/*	Administration	*/

#affectationSite{list-style:none;}

/* arbo affectation aux thèmes */
#affectationTheme{margin:10px 0 0;position:relative;}
#affectationTheme .titreAffectTheme{margin:5px;font-weight:bold;}

.arborescenceAff, .arborescenceAff ul{list-style:none;margin:0;padding:0;}
.niveau1{padding:2px 0 0 2px;margin:0;}
.arboContentAff{margin:2px 0;}
.arboContentAff input[type=checkbox]{float: left;margin: 0 5px 0 10px;}
.arboContentOnAff{padding:0 0 0 16px;background-repeat: no-repeat;background-position:0px 1px;}
.arboContentOffAff{;margin: 0 0 0 5px;padding: 0 0 0 16px;background-repeat: no-repeat;background-position:0 -2px;}
.arborescenceAff li{line-height: 20px;}
/** tronque avec trois points */
.arborescenceAff li.contentEditAccExtUser {
  overflow: hidden;
  width: 190px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sousArboAff li label{float:left;margin:-2px 0 0;width:90%;}
.arborescenceAff .sousArboAff{margin:0 0 0 20px;padding:3px;}
.topLeftPosition{top:0;left:450px;position:absolute;}

/* Elearning */
.contentElearning { width: 660px; padding: 20px; margin: 10px auto; border-radius: 10px; }
.containerElearning { width: 640px; border-radius: 10px; }

/* Recherche */
.listeResRechRef{list-style: none;}
.listeResRechRef li a {color:#4d4d4d;}
.listeResRechRef .chaineRecherche{float:left;width:60%;margin:0 0 20px 0;}
.listeResRechRef .bordureCadrilleHoriz{margin:20px 0;}
.listeResRechRef #session_date_debut, .listeResRechRef #session_date_fin{width:60px;}
.listeResRechRef .radioPart{display:block;float:left;margin:0 2%;}
.listeResRechRef .btnReiniRechchPos{float:right;margin:0 0 15px 0;}
.listeResRechRef .lastListeResRechRef{margin-bottom:15px;padding-bottom:15px;border-bottom:#ccc solid 1px;}

/*	404	*/
.retourAccueilErreurs { padding-left: 18px; }
.retourAccueilErreurs:hover{text-decoration:underline;}
.potentialError{margin-top:10px;}

/*	mentions legales	*/
.lienMailContact{font-weight:bold;text-decoration:underline;}
.lienMailContact:hover{text-decoration:none;}

/* Indicateurs pour les exports. */
div.working {width:100%;height:100%;}
div.working .message { margin: 15%; padding: 5%;text-align: center;}

/* Popup ajouter un document // Présentation de type "retour à la ligne" */
.hasMedia .imgEtlien{float:left;margin:0 0 15px 0; width:300px;}
.hasMedia .imgEtlien img{float:left; border:1px solid #ccc;}
.hasMedia .imgEtlien img.typeIcone{margin-top:4px; border:none;}
.hasMedia .imgEtlien a{float:left;margin:10px 0 0 10px;}
.hasMedia .jqUnLinkMedia{float:left; margin:5px 0 0; display:block;}
.hasMedia .labelOrigine{display:block;}

/* Popup ajouter un document // Présentation à droite ex p602 sp1 */
.contenaireChampsGauche {float: left; width: 70%;}
.contenaireImageDroite {float: left; width: 30%; margin-top: 25px;}
.contenaireImageDroite .imgEtlien {margin: 0;}
.contenaireImageDroite .typeIcone {display: block;}
.contenaireImageDroite .labelOrigine {display: block; float: left; margin-top: 10px; margin-left: 0; width: 70%; word-wrap: break-word;  font-size: 14px;}
.contenaireImageDroite .btnTypeA1 {float: right; margin-top: 10px;}

/* édit utilisateur */
#editUti .posBtn{margin:15px 0 0 0;text-align: center;}


/*siteChoice*/
#arboLogoPos{position:relative;height:40px;list-style:none;margin:0;padding:0;z-index:260;}
#arboLogoPos ul{margin:0;padding:0;}
#arboLogoPos #siteChoice{position:absolute;margin:0 2%;padding:0;left:0;top:0;width:96%;z-index:9;list-style:none;}
#siteChoice img{float:left;height:32px;}
#siteChoice li.liNiv0 {position:relative;display:block;float:left;margin:0 1px 0 0;}
#siteChoice li a{display:block;font-size: 11px;font-weight: bold;color:#000000;}
#siteChoice li a:hover span{text-decoration:underline;}
#siteChoice li.widthAll{width:auto;}
#siteChoice li.clearBoth{clear:both;width:0;float:none;height:0;}
#siteChoice li span{display: block;float: left;height: 8px; margin: 11px 2px 3px;}
#siteChoice .all{text-align:center;display:block;float:left;margin:3px 0 0 0;padding:7px 7px 8px 7px;border-radius:5px;}
#siteChoice .niv1{position:absolute;top:36px; left:-10px;display:block;margin:0 3px 5px;padding:0 6px 6px 6px;width:400px;list-style:none;background-color:#DEDEDE;
border:1px solid #8A8A8A;}
#siteChoice .niv1 li{display:block;margin:0;}
#siteChoice .niv1 li a{float:none;display:block;height:35px;clear:both;}
#siteChoice .niv1 li a img{display:inline;}
#siteChoice .niv2, #siteChoice .niv3, #siteChoice .niv4{list-style:none;}
#siteChoice .niv2 .liNiv2, #siteChoice .niv3 .liNiv3, #siteChoice .niv3 .liNiv4{padding-left:32px;}
#siteChoice .niv1 ul{background-image:url(/images/pointilleUl.png);background-repeat:repeat-y;background-position:0 0;}
#siteChoice .niv1 li{background-image:url(/images/pointilleLi.png);background-repeat:no-repeat;background-position:0 0;}
#siteChoice .niv2 .last{background-image:url(/images/pointilleLast.png);background-repeat:no-repeat;background-position:0px 1px;}

/* gestion css des datatables */
.dataTables_info{margin:3px 0;}
.wrapperTable2 .dataTables_info {margin:3px 0; padding-right: 6% }
table tr td a[name="delete-row"] {padding:5px; margin-left:8px;border:2px #666 solid; text-decoration:none; background-color: #ddd;color:#c02424; font-weight: bold;}
/* information sur le créateur et la date de création/ modification pour "Créée par auteur, daté du 01/01/01" */
.alertInfoChange {margin:20px 0 15px 0; padding:0;}
.alertInfoChange p.infoDateUser {margin: 0; padding:5px 5px 5px 10px;}
.alertInfoChange p.infoDateUser:first-child {padding-top:5px;}
.alertInfoChange p.alertInfoImpactee{margin: 0; padding:5px 5px 5px 26px;}
.alertInfoChange p.alertInfoImpactee a{color:#ff0000; font-weight: bold; text-decoration: underline;}
.alertInfoChange p.alertInfoImpactee .jqDelete {margin-right: 10px}
.alertInfoChange p.alertRattachCible{margin: 0; padding:5px 5px 5px 10px;}
.alertInfoChange p.alertRattachCible a{color:#4e3f56;font-weight: bold; text-decoration: underline;}

/* ==================== gestion field_helper ====================== */
.jMediaCollectionTable {margin:5px 0 15px 0;}
.imgAttache .imgEtlien{margin:0; padding:0;}
.imgAttache td{padding-bottom:10px;}
.imgAttache .imgEtlien img{float:left; margin-right:3px;}
.imgAttache .imgEtlien .labelOrigine {float:left; margin:13px 10px 0 0;}

/* ajouter un document */
.media_iframe{margin: 5px 0 10px 0;clear:both;}
.media_iframe iframe{ vertical-align: middle;}
.media_iframe .intitule{ margin: 10px 5px 10px;}
.media_iframe .inputTextMedia{ margin: 5px 10px 5px 0; padding:5px; border:1px solid #ccc; font-size: 11px;}
.media_iframe .idToLink{ margin: 5px 10px 5px 0; padding:4px 0; width:215px;}
.media_iframe .btnTypeA1{font-size:12px; font-weight:bold; margin:0;}

/* ================== fin gestion field_helper ==================== */

/* ==================   Périmètre de connexion   ==================== */

.siteInfo #container_perimeterIdCountry, .siteInfo #container_perimeterIdProfile { width: calc(50% - 5px); display: inline-block; }
.siteInfo #container_perimeterIdCountry { margin: 0; }
.siteInfo #container_perimeterIdProfile { float: right; }

#perimeterIdCountry { margin: 0;}
.siteInfo #perimeterIdProfile { height: 19px;}
.siteInfo #perimeterIdProfile[disabled="disabled"] { background-color: #f4f4f4;}

#container_perimeterIdCountry ul > li{ padding: 2px 0;}
.siteInfo #container_perimeterIdCountry ul > li{ padding: 4px 0;}
#container_perimeterIdCountry ul > li span{ margin-left: 10px;}
#container_perimeterIdCountry ul > li:hover{background-color: #5897fb; color: #fff; }
#container_perimeterIdCountry .fakeSelect.active { border-color: #5897fb;border-bottom: none; }
#container_perimeterIdCountry .openBtn { right:6px;}

#perimeterIdCountryList { background-color: #fff;border: 1px solid #5897fb;border-top: none;display: none;list-style: none;margin: 0;padding: 0;position: absolute;width:198px;z-index: 1000;}

#containerLogin #perimeterIdProfile { padding-left: 6px;}
#containerLogin #perimeterIdCountryList {width: 258px;}
#containerLogin .fakeSelect-container{width:260px;}

.jCountryName { display: initial;}
.jCountryBullet { border: 1px solid black; padding: 4px; border-radius: 5px; }
.siteInfo .jCountryBullet { padding: 2px; }
.jCountryBullet-filled { background-color: black; }
.jCountryOption-selected { background-color: lightskyblue; }
.jCountryOption-1th-span {float: left ;display: inline-block;right: 15px; margin-top: 4px;}
.jCountryOption-2nd-span {margin-left: 10px; vertical-align: middle; cursor: default;}

li.jCountryOption[disabled="disabled"]{
    background-color: #AFAFAF;
}

#selectPerimeter .arboSelect {margin-top: 0px;}

/* ================== fin Périmètre de connexion ==================== */

/*========================= ADMIN ================================*/

/* admin provider edit p202 sp1 */
#adminProviderEdit .providerBlocForm { position: relative; margin: 10px 0 0 0; padding: 10px; }
#adminProviderEdit .agrementForm { position: relative; margin: 10px 0 0; padding:10px; }
#adminProviderEdit .providerPosButton { text-align: right; }
#adminProviderEdit .providerPosButton .copyProviderBloc{margin-right:0;}
#adminProviderEdit .agrementForm .supprAgrement { position: absolute; top: 10px; right: 10px; margin: 0; padding: 0; font-size: 14px; }

#adminProviderEdit .addAgrement { float: right; margin: 10px 0 0; }
#adminProviderEdit .addProviderBtnPosition{text-align:right; margin:10px 0 0 0;}
#adminProviderEdit .addProviderBtnPosition .addProviderBloc{margin-right:0;}
#adminProviderEdit .supprProviderBloc{position:absolute; z-index:1; top: 10px; right:10px; font-size: 14px; }
#adminProviderEdit .formGenerikUn p.errorMessage{margin:0 0 0 63%;}
#adminProviderEdit .formGenerikUn .providerBlocForm p.errorMessage{margin:0 0 0 22%;}
#adminProviderEdit .formGenerikUn #errorMessage_name{margin:0 0 0 22%;}

/* admin list edit p201 sp1 */
#adminListEdit #siteTree{margin: 20px 0; padding:0; border:1px solid #ccc;}

/* admin provider index p202 sp0 */
#adminProviderList .triForm{margin-bottom:5px; padding:0;}
#adminProviderList .triForm .label{width:101px;}

/* admin ae config p203 sp0 */
#paramSeuils .tableStyle1{margin-bottom:20px;}
#paramSeuils .tableStyle1 thead tr th{padding:10px 0; max-width: 100px;}
#paramSeuils .tableStyle1 textarea{width:97%;}

#paramSeuils .tableStyle1 .bgThreshold2{background-color:#f0f0f0;}
#paramSeuils .tableStyle1 #next_update_at, #arParamGestionSeuil .tableStyle1 #next_update_at {margin-right:5px; width:120px;}
.txtThresholdComment {font-weight:normal;}
.descriptionSeuil{font-weight:bold;}
#paramSeuils #historiqueSeuil tr{border-right:1px solid #ccc;}
#paramSeuils #historiqueSeuil tr th{padding:5px 0;}

/* admin paramètre previsualisation index p204 sp1 */
#adminParamPrevisu{margin-top:20px;}

/* Administration - Modifier une entité  p205 sp2*/
.jqListBlock{border-bottom:1px solid #ccc;margin:0; padding:0 0 10px 0;}
#adminSiteDuplicateData .formGenerikUn .radioContent > div { width: 20%;}
#adminSiteDuplicateData select{margin-left:22%;}
#adminSiteDuplicateData .formGenerikUn .radioContainer .errorMessage{margin:-5px 0 5px 22%;}

/*========================= fin ADMIN ============================*/

/* liste archives */
#archiveList #main-module-container{margin: 0; padding: 20px 0;}
#archiveList #modules-container .mention {padding:10px;}
#archiveList #sub-module-container { /*position:relative; z-index:1;  margin-top: -1px; padding: 0;*/ }
#archiveList #sub-module-container .archives .archive{display:block; margin: 0; padding:5px 10px;}
#archiveList #sub-module-container .download{display:block; float:left; margin:0 ; padding:5px 10px 5px 0; }
#archiveList #sub-module-container .download span{margin:0 0 0 10px;}

.ie7 #archiveList #sub-module-container a{display: block; float: left; margin: 10px;}
.ie7 #archiveList #sub-module-container a + div{clear: both;}

/* home page Tableau de bord */
#hpTableauDeBord{margin-top:20px;}
#hpTableauDeBord .titreType1 { position: relative; }
#hpTableauDeBord .btnRefresh { position: absolute; right: 5px; }

#hpTableauDeBord .halfPageWidthBloc { width: calc(50% - 18px); }
#hpTableauDeBord .table > tbody > tr > th:not(:first-child), #hpTableauDeBord .table > tbody > tr > td:not(:first-child){text-align: center;}


/* pmi pme : création objectif */
#goalEdit .formGenerikUn .radioContent{width:60%;}
#pmTargetEdit .formGenerikUn .radioContent{width:60%;}
.tabHistoGoalAction{margin-top:20px; width:530px;}

/*==================== VIGILANCE ========================*/
#vigilance .introContent { margin: 25px 0; font-size: 12px; }
#vigilance .contentVigilance { position: relative; }

#vigilance .introContent h1 { margin: 0; font-size: 18px; font-weight: bold; }
#vigilance .introContent p { margin: 0; }

#vigilance #menuVig { position: absolute; z-index: 1; }
.ie7 #vigilance #menuVig { left: 0; }
#vigilance #menuVig.sticky { position: fixed; top: 5px; }
#vigilance #menuVig ul { display: none; min-width: 130px; margin: -4px 0 0; padding: 0 15px; list-style: none; border: solid 1px #da1121; background-color: #fff; }
#vigilance #menuVig ul li { padding: 10px 0; border-top: solid 1px #ccc; }
#vigilance #menuVig ul li:first-child { border-top: none; }
#vigilance #menuVig ul a { color: #434343; text-decoration: none; }
#vigilance #menuVig ul a:hover { color: #da1121; }

#vigilance .blocCategorie {
  position: relative;
  margin: 15px 0 0 50px;
  padding: 7px 10px;
  font-size: 14px;
  border: solid 1px #ccc;
  background: #dddddd;
}
#vigilance .blocCategorie.first { margin-top: 0; }

#vigilance .blocCategorie .intitule { margin: 0; color: #da1121; font-weight: bold; }
#vigilance .blocCategorie .intitule img { vertical-align: middle; margin-right: 10px; border: solid 1px #ccc; }
#vigilance .blocCategorie .intitule span { vertical-align: middle; }
#vigilance .blocCategorie > img { position: absolute; right: 10px; top: 3px; }

#vigilance .blocTextContent { margin-left: 50px; padding: 10px 0 10px 10px; border-top: solid 1px #ccc; }
#vigilance .blocTextContent:first-child { border-top: none; }
#vigilance .blocTextContent .blocText { display: block; color: #434343; }
#vigilance .blocTextContent .blocText .titre { margin: 10px 0 0; font-size: 14px; font-weight: bold; }
#vigilance .blocTextContent .blocText:hover .titre { text-decoration: underline; }
#vigilance .blocTextContent .blocText .description { margin: 0; font-size: 14px; }
#vigilance .blocTextContent .blocText .confirmMessage { display:none; color: #da1121; }
#vigilance .blocTextContent .confirmMessage{color: #da1121;width: calc(100% - 100px);text-align: right;display: none;}

#vigilance .contentVigilance .link { padding-left: 20px; color: #da1121; font-size: 12px; font-weight: bold; background-image: url(/images/sprite.png); background-repeat: no-repeat; background-position: 0 -1872px; }
#vigilance .contentVigilance .link:hover { text-decoration: underline; }

#vigilance .contentVigilance .blocTextContent .link { display: block; margin: 25px 0 0; padding-bottom: 10px; border-bottom: solid 1px #ccc; }

/* Home */
#vigilance .blocCategorie .link { position: absolute; right: 10px; top: 10px; color: #434343; font-size: 13px; }
#vigilance .blocCategorie .link:hover { text-decoration: underline; }

#vigilance.home .blocTextContent .blocText {
  width: -moz-calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  float: left;
  text-decoration: none;
}
#vigilance.home .blocTextContent .blocText .titre { font-size: 16px; }
#vigilance.home .blocTextContent .blocText .titreEn { font-size: 12px; font-weight: bold; font-style: italic;}
#vigilance .blocTextContent .blocText .date { margin: 2px 0 5px 0; color: #da1121; }

#vigilance .blocTextContent .blocReaction { width: 58px; margin: 10px 0 0 10px; float: right; border-left: solid 1px #ccc; }
#vigilance .blocTextContent .blocReaction a, #vigilance .blocTextContent .blocReaction span { position: relative; display: block; overflow: hidden; margin: 5px auto; width: 24px; height: 21px; }
#vigilance .blocTextContent .blocReaction a img, #vigilance .blocTextContent .blocReaction span img { position: absolute; left: 0; }

#vigilance .blocTextContent .blocReaction .active img { top: -22px; }
#vigilance .blocTextContent .blocReaction .inactive img { top: 0; }

#vigilance .blocTextContent .blocReaction a.active:hover img { top: 0; }
#vigilance .blocTextContent .blocReaction a.inactive:hover img { top: -22px; }

/* Divers */
.contentVigilance .titreGenerique6 { margin: 15px 0 0; }
.contentVigilance .linkMail, #txtJurDetail .linkMail { float:left; width: 125px; margin: 0 0 15px 0; padding-left: 20px; color: #da1121; font-size: 12px; font-weight: bold;}
.contentVigilance .linkMail a, #txtJurDetail .linkMail a { color: #da1121; }
.contentVigilance .linkMail a:hover, #txtJurDetail .linkMail a:hover { text-decoration: underline; }
.contentVigilance #container_filterIdCountry { margin-left:150px; }
.contentVigilance #filterIdCountry { width: 100%; margin: 0; }
#vigilance .labelOrigine { color: #da1121; }

.nameZone { font-variant: small-caps; }
.noteSource { margin: 0 0 15px; color: #808080; }
.noteSource a { color: #808080; text-decoration: underline; }
.noteSource a:hover { text-decoration: none; }

/* Liste en accordéon - ex p304 sp0 */
.arborescence { list-style: none; margin: 0; padding: 0; }
.arborescence .arboContent a.titreTheme {
  display: inline-block;
  width: 925px;
  margin: 15px 0 0 0;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: bold;
  color: #da1121;
  border: solid 1px #ccc;
  background: #ffffff;
}
.arborescence .arboContent .titreTheme span { display: inline-block; width: 10px;  margin-right: 5px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; }
.arborescence .arboContent .arboContentOff span { background-image: url(/images/icone/fleche_droite.png); height: 10px; }
.arborescence .arboContent .arboContentOn span { background-image: url(/images/icone/fleche_bas.png); height: 8px; }
.arborescence .arboContent .sousArbo { list-style: none; margin: 0; padding: 10px 0 10px 10px; }
.arborescence .arboContent .sousArbo .sousTitreArbo { margin: 10px 0 5px; font-size: 13px; font-weight: bold; color: #da1121; }
.arborescence .arboContent .sousArbo .blocText { padding-bottom: 10px; border-bottom: solid 1px #ccc; }
.arborescence .arboContent .sousArbo li p { margin: 0; }
.arborescence .arboContent .sousArbo li .description { font-size: 12px; }/* date - titre lien */
.arborescence .arboContent .sousArbo li .description span { font-weight: bold; }
.arborescence .arboContent .sousArbo li p a { color: #434343; }
.arborescence .arboContent .sousArbo li p a:hover { text-decoration: underline; }

/* Liste de liens - ex p303 sp1 */
.contentList { margin: 0 0 15px; padding-bottom: 10px; border-bottom: solid 1px #ddd; }
.contentList p { margin: 0; }
.contentList .description { margin-top: 5px; }
.contentList p a { color: #434343; text-decoration: underline; }
.contentList p a:hover { text-decoration: none; }
.contentList .linkMail { margin: 5px 0; }
.contentList .auteur { margin: 5px 0; font-size: 12px; font-weight: bold; }
.listLink { font-size: 12px; }
.listLink a { color: #434343; }
.listLink a:hover { text-decoration: underline; }
.listLink .important { background-image: url(/images/icone/picto_exclam7.png); background-repeat: no-repeat; position: 0 center; padding-left: 15px; }
.listLink .date { font-weight: bold; }

.annexeContent p span { font-weight: bold; }
.annexeContent p a { color: #434343; text-decoration: underline; }
.annexeContent p a:hover { text-decoration: none; }

/* Texte + commentaire - ex p303 sp2 */
.blocArticle ul li a { color: #434343; text-decoration: underline; }
.blocArticle ul li a:hover { text-decoration: none; }
.blocArticle .content a { color: #434343; text-decoration: underline; }
.blocArticle a{color: #434343;}
.blocArticle a:hover { text-decoration:underline; }
.blocArticle .intro { font-style: italic; }
.blocCommentaireEdit textarea { width: 545px; height: 100px; }

#fichierTelechargement a{color: #434343;}
#fichierTelechargement a:hover { text-decoration:underline; }
#fichierTelechargement{margin-top: 45px;}

.commentContent{border-bottom: 1px solid #ccc;margin-left: 8%;padding: 10px 0;width: 85%;}
.backgroundComment{background-image: url("/images/sprite.png");background-position: 0 -416px;background-repeat: no-repeat;padding: 5px 0 0 17px;}
.commentContent .userCreator {  margin: 2px 0; }
.commentContent .userCreator a { color: #434343; text-decoration: underline; }
.commentContent .userCreator a:hover { text-decoration: none; }
.commentContent .userCreator .envoiMail, .contentAccordeon .envoiMail{ padding-left: 20px; color: #434343; background-image: url(/images/sprite.png); background-repeat: no-repeat; background-position: 0 -1516px; }
.commentContent .userCreator span { padding: 0 5px; font-weight: bold; }
.commentContent .titreGenerique5 { margin-bottom: 10px; }
.blocCommentaireEdit { margin-top: 15px; }
.blocCommentaireEdit .btnTypeC1 { float: none; }
.blocCommentaireEdit .ajoutMedia { margin-bottom: 15px; }

  /* style qui doivent être commun à 2 pages p303 sp2 ET p4 sp2  */
/*.blocArticle, #txtJurDetail #articleZone { font-size: 12px; }*/
.blocArticle .titre, #txtJurDetail #articleZone .articleTitre { font-size: 16px; font-weight: bold; }
.blocArticle .ssTitre { font-size: 15px; font-weight: bold; font-style: italic; }
.blocArticle .ssIntro { font-size: 11px; font-style: italic; }

.noteSource { margin: 0 0 15px; color: #808080; }

/* Références articles */
.refArticle div.ref { margin: 5px; padding: 5px 5px; }
.refArticle div.ref p { margin: 5px 0 10px 0; }
.refArticle .titre { margin: 20px 0 10px 0; }

/* Dashboard jurisprudence - ex p302 sp1 */
.tableStyle1 .datePub { text-align: center; }
#vigilance .tableStyle1 thead tr th { padding: 5px 0; }

/* Popup ajout document - ex p303 sp2 */
.imageVigilance .imgEtLien {display: inline-block; }
.imageVigilance .imgEtLien .typeIcone { display: inline-block; max-width: 50px; vertical-align: middle; }
.imageVigilance .hasMedia .labelOrigine { display: inline-block; color: #da1121; }
.imageVigilance .hasMedia .btnTypeC1 { display: inline-block; float: none; }
.messageUpload { font-weight: bold; text-align: center; }
/* fichier telechargement */
#fichierTelechargement .pDiv{margin: 10px 0;border-bottom:1px #4B636E dashed;padding-bottom:10px;}
.pDiv img{cursor:pointer;}
#fichierTelechargement a, #fichierPhase a{color:#000000;font-size:11px;background-image:url("/images/context/puce_contextuelle.png");background-position:left 5px;background-repeat:no-repeat;padding-left:8px;}
#fichierTelechargement span, #fichierPhase span{display:block;}
.fichierAttache{background-image: url(/images/context/picto_savoirplus.png);background-repeat: no-repeat;background-position: 0 -2px;padding-left:20px;color:#4B636E;font-size:13px;}
.fichierAlerte{background-image: url(/images/context/picto_liensalertes.png);background-repeat: no-repeat;background-position: 0 -2px;padding-left:20px;color:#4B636E;font-size:13px;}
.fichierReference{background-image: url(/images/context/picto_texteref.png);background-repeat: no-repeat;background-position: 0 -2px;padding-left:20px;color:#4B636E;font-size:13px;}
.fichierEcheancier{background-image: url(/images/context/picto_echeancier.png);background-repeat: no-repeat;background-position: 0 -2px;padding-left:20px;color:#4B636E;font-size:13px;}

#fichierPhase p{margin: 10px 0;}
.phaseTitre{border-top:1px #4B636E dashed;padding-top:10px;}
.borderLast{border-bottom:1px #4B636E dashed;padding-bottom:10px;}
.phaseRef{margin:2px 0px !important;}

/* les dernières actualités */
.dernieresActuIntro {float:left; margin:40px 1% 15px 0; width:55%;}
.refForm{float:left; margin:15px 1% 0 0; width:55%;}
.dlDetailVeilleReg{float:left; margin:15px 0 15px 0; padding:0 0 0 2%; width:41%; border-left:1px solid #dedede; text-align:center;}
.dlDetailVeilleReg select{margin:0 0 0 5px;}
.dlDetailVeilleReg .button--2 {margin:0 5px 5px;}
.titreDlDetailVeilleReg{font-size:16px; color:#da1121; font-weight:bold;}
.titreDlDetailVeilleReg + .formSelectNews {
  margin-bottom: 25px;
}
.titreDlDetailVeilleReg + .formSelectNews select { font-size: 14px; }

#vigilance .alerteList{padding:0 0 0 15px;}

#vigilance .popupEnvoiComment{margin:0 auto}
#vigilance .popupEnvoiComment .btnTypeA1{margin:0 0 10px 0; font-size:12px;}
#vigilance .popupEnvoiComment select, #vigilance .popupEnvoiComment .selectTypeUn{margin:5px 5px -4px 0;}
#vigilance .popupEnvoiComment .inputTextTypeUn, #vigilance .popupEnvoiComment .textareaTypeUn, #vigilance .popupEnvoiComment textarea{margin:5px 5px 0 0;}
/*==================== fin VIGILANCE ========================*/


/*=========================== COMPLIANCE ==================================*/
#compliance .alerteList{padding:0 0 0 15px;}
#compliance .triForm .legendTab{text-align:right;}

/* question environnement */
#QEnvironnement {padding-top:15px;}
#QEnvironnement .titreGenerique4{margin:0 0 20px 2%;padding:0;}
#QEnvironnement .ssOngletContainer{padding:0;}
#QEnvironnement .ssOngletContainer #ficmainform{padding-top:20px;}
#QEnvironnement #onglets li a{padding: 5px;}
#QEnvironnement .margeBtn{margin-top:20px;}


/* contenu conformité multi site */
#contentOnglets{margin:0; padding:0 20px 20px 20px;}
#contentOnglets .titrePercent{margin:20px 0 0 0;}
#contentOnglets .progressbar {float:left;margin:0 2% 0 0;width:33%;height:13px}
#contentOnglets .percentConformite{margin: 0 0 10px;padding:0;}

/* Vérification périodiques */
#pageVerifPeriodique .triForm select{width: 149px;}
#pageVerifPeriodique .triForm #dateStart, #pageVerifPeriodique .triForm #dateEnd{width:60px;}
#pageVerifPeriodique .triForm .txtlabel{display:inline-block; padding:10px 10px 0 10px; width:25px; }
#pageVerifPeriodique .triForm .inputCalendrierContainer{display:inline-block; width:130px;}

/* aide diagnostic */
#aideDiagnosticPage .label{width:150px;}
#aideDiagnosticPage .triForm .typeChbx{margin: 5px 1px 0 0;}
#aideDiagnosticPage .tableStyle1 thead tr th{height:30px;}
#aideDiagnosticPage .tableStyle1 tr.sousArticle .contenuArticle .arTxt:hover{cursor:pointer;}

/* aide diagnostic multi sites */
#aideDiagnosticMultiSitePage{}
#aideDiagnosticMultiSitePage ul{list-style:none;margin:0;padding:0;}
#aideDiagnosticMultiSitePage ul li{}
#aideDiagnosticMultiSitePage .typeRadio{float:left;margin:0 3px 0 0;}
#aideDiagnosticMultiSitePage .typeLabel{float:left;display:block;width:70px;}
#aideDiagnosticMultiSitePage .titreDialogTitle{float:left;margin:0;padding:0;}

/* conformité à traiter */
#confATraiterPage .chbxLabelContainer{float:left;}
#confATraiterPage #label_select_date_next_check{float:left;margin:5px;}

/* référentiel réglementaire détail */
#contenuDetail .txtIntroPage{margin:0 0 20px 0;padding:10px 0;}
#contenuDetail .txtIntroPage p{margin:0;padding:0;}
#contenuDetail p.legenTab{margin:0 0 5px 0;}
#contenuDetail p.titreGenerique4{margin: 0 0 20px 0;}
#contenuDetail .triTab{margin:5px 0;}
#contenuDetail .triTab tr th{width:10%;}

#contenuDetail .aideConformite { vertical-align: middle; cursor: pointer; }
#contenuDetail .fondEtBordureAide { margin: 5px 0 0; padding: 10px; }
#contenuDetail .fondEtBordureAide .titreAide { margin: 0; text-decoration: underline;}
#contenuDetail .fondEtBordureAide .textContent { margin: 0 0 5px 0; }
#contenuDetail .fondEtBordureAide .textContent table { width: 520px!important; }
#contenuDetail .fondEtBordureAide .textContent ul { list-style: inside; }
#contenuDetail .contenuArticle .fondEtBordureAide .fichierJoint { background-color: transparent; cursor: pointer; }

/* Affectation d'articles à un plan d'action */
#selectionRefReglementaire .floatRightZoneIntro{margin:10px 0 10px 10px;}
  .ie7 #selectionRefReglementaire .floatRightZoneIntro{position:relative;z-index:1; background-color:#fff;margin:0;}

/* Appliquez la conformité et les commentaires sur chaque site */
#appConfetCom{margin:0;padding:20px 5px;}
#appConfetCom .tableStyle1{margin:20px 0 0 0;}
#appConfetCom .tableStyle1 thead tr th{text-transform:none;}
#appConfetCom .tableStyle1 thead tr th{padding:5px 3px;}

/*Référentiel réglementaire rr Sélection thématique */
#rrSelectThematique .petitListeContainer{width:50%;margin-bottom:20px;}

/* Définir la conformité et le plan d'action */

#defConfPage #articleZone{margin:20px 0 15px 0;padding:10px;}
#defConfPage #articleZone .articleDetail,
#defConfPage #articleZone .textlegal {margin:0 0 10px 0;padding:0; font-weight:bold;  font-size: 16px;}
#defConfPage #articleZone .articleSource{margin:0;}
#defConfPage #articleZone .aideConformite { cursor: pointer; }
#defConfPage .formGenerikUn { margin-top: 20px;  }

#defConfPage #articleZone .articleTitre,
#defConfPage #articleZone .article .numeroLegalTextTitre { font-size: 13px; font-weight: bold;}
#defConfPage #articleZone img { vertical-align: middle; }

#defConfPage #articleZone .fondEtBordureAide { margin: 5px 0 0 0; padding: 10px; }
#defConfPage #articleZone .fondEtBordureAide .titreAide { margin: 0; text-decoration: underline;}
#defConfPage #articleZone .fondEtBordureAide .textContent { margin: 0 0 5px 0; }
.fondEtBordureAide .titreAide { font-weight:bold;text-decoration: underline; }

.blocAccordeon { margin: 0 0 15px 0; }
.blocAccordeon .titreAccordeon { position: relative; cursor: pointer; margin: 0 0 10px; }
.blocAccordeon .open,
.blocAccordeon .close { display: block; width: 22px; height: 21px; position: absolute; top: 5px; right: 0; background-repeat: no-repeat; background-position: 0 0; }
.blocAccordeon .contentAccordeon { margin: 0 0 20px; padding: 15px 20px; }
.blocAccordeon .contentAccordeon > div:not(.clearBoth) { margin: 0 0 15px 0; overflow-x:auto;}
.blocAccordeon .contentAccordeon .titreGenerique6 { margin-bottom: 15px; }
.blocAccordeon .contentAccordeonNext { margin: 0 0 20px;  padding: 0px 20px; }
.blocAccordeon .contentSansAccordeon { padding: 10px 20px; }
.blocAvecBg { margin: 15px 0; padding: 15px 20px; }
.formGenerikUn .contentAccordeon .colLabelField2 .labelTypeUn { margin : 0 ; }
.formGenerikUn .contentAccordeon textarea, .contentPageTab textarea { width: 70%; height: 250px; }
.contentPageTab textarea.halfwidth { width: 70%; height: 125px; }

#defConfPage #mediaCollection{width:37%;}
#defConfPage #mediaCollection p.imgEtlien{margin:5px;padding:0;}
#defConfPage .paginationDefConfEtPa { margin: 30px 0 0 0; }

#defConfPage .dateMajEtatConf a { color: #48ae3f;}

/*	importation referentiel reglementaire	*/
/*#importRefReg .paginationBar{text-align:center;margin:20px 0 0;}*/

/* Référentiels Règlementaires Multi-sites */
#rrMultiSite ul{margin:0 0 20px 0;padding: 0 0 20px 0;}
#rrMultiSite ul li{margin:0 0 0 20px;}
#rrMultiSite .tableStyle0 tr td{padding:10px;}
#rrMultiSite .tableStyle0 tr td .choix{margin:0 10px;}
#rrMultiSite .tableStyle0 tr td.appliquerConf{width: 47%;}
#rrMultiSite .typeRadio{float:left;}
#rrMultiSite .typeLabel{display:block;margin:2px 0 0 20px;}
#rrMultiSite .typeLabel2{float:left;display:block;margin:3px 0 0 5px;width:70px;}

/* page reporting */
#contenuReporting{position:relative;}
#reportingThematique .petitListeContainer{width:65%;float:left;}
#reportingThematique #encartType1{float:left;margin:0 10px;}
#reportingThematique #encartType1 p{padding:0 10px;}
#reportingThematique #encartType1 .titreType2{padding:10px;}
#reportingThematique #encartType1 ul{width:100%;list-style:none;}
#reportingThematique #encartType1 .reportFormatList{padding:0 10px;}
#reportingThematique #encartType1 .boutonPosition{text-align:center;}

/* page historique */
#contenuHistorique #selectionSiteForm p.btnPos{margin:0 auto;width:120px;}
#contenuHistoriqueThematique{position:relative;}
#contenuHistoriqueThematique #encartType1{float:left; padding-bottom: 15px;}
#contenuHistoriqueThematique #encartType1 ul{list-style:none;}
#contenuHistoriqueThematique #encartType1 .reportFormatList{padding:0 10px;}
#contenuHistoriqueThematique .titreType2{padding:10px;}
#contenuHistoriqueThematique p{margin:5px 10px 0 10px}
#contenuHistoriqueThematique .petitListeContainer{width:65%;float:left;}
#contenuHistoriqueThematique ul.listeContainer{width:100%;}
#contenuHistoriqueThematique ul.listeContainer li a.listeContainerContent{display:block;width:96%;}

/* Page contact */
#contactUs .listeContact{width:23%;float:left;margin:0 10px 0 0;}
#contactUsList th{padding:10px;}

/* question environnement */
#onglet_ps{margin: 0 2%;}
#onglet_ps .ficMediaForm{margin-top:20px;}
#onglet_ps .editForm{ margin-top: 20px; }
#onglet_ps .editForm .errors { display: block; }
#onglet_ps .editForm .media { display: inline-block; width: 550px; }

/* Référentiel des exploitations */
#refExploitations .intro{margin:5px 0 0 0;}

/* Référentiel des exploitations selection site */
#refDesExploitationSelectionSite ul{list-style:none;margin:0 0 20px 0;padding:0;}
#refDesExploitationSelectionSite ul li{margin:0 0 5px 0;padding:0 0 0 20px}
#refDesExploitationSelectionSite ul li:first-child{margin:0 0 10px 0;padding:0;}

/* Référentiel métier */
#selectionRefType #formMultiSites ul, #actuRefTypeSelection #formMultiSites ul{list-style:none;padding:0;}
#selectionTheme #contentOnglets{padding:20px;}
#selectionTheme #contentOnglets ul{list-style:none;}
#selectionTheme .contentOnglets{padding:20px;}
#selectionTheme .contentOnglets ul{list-style:none;}
/*#selectionTheme .paginationBar{margin:15px 0;}*/
#selectionTheme .blocRecherche1{width:30%;float:left;height:80px;}
#selectionTheme ul.listeRechercherDans{width:30%;float:left;}
#selectionTheme ul.listeRechercherDans label{margin:0 0 0 5px;}

.oeil {
  margin: 5px 0;
  position: relative;
  width: 50px;
}
.oeilSiteDispo {
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: -5px;
  left: 25px;
  z-index: 5;
  margin: 0;
  padding: 5px;
  width: 450px;
}
.oeilSiteDispo ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.oeil:hover .oeilSiteDispo { display: block; }
#selectionArticle .tableStyle1 {margin-bottom:15px;}
#selectionArticle .tableStyle1 thead tr th{padding:10px;}

/* Actualisation du référentiel */
#actuRefType #encartType1{position:absolute;right:13px;top:7px;}
#actuRefType #encartType1 ul{list-style:none;}
#actuRefType #encartType1 .reportFormatList{padding:0 10px;}
#actuRefType .titreType2{padding:10px;}
#actuRefType p{margin:5px 10px 0 10px}
#actuRefType .boutonPositionExtracNorm{margin:15px 10px;}
#actuRefType #zoneIntro{width:67%;}
#actuRefType .petitListeContainer{width:100%;}
#actuRefType ul.listeContainer{width:100%;}
#actuRefType ul.listeContainer li a.listeContainerContent{display:block;width:96%;}

/* Grille évaluation */
#grilleEvaluationSelection #formMultiSites ul{list-style:none;padding:0;}
#grilleEvaluationSelection #formMultiSites ul li{margin:10px 0 0 0;}
#grilleEvaluationSelection .triForm .label{width:15%;}
#grilleEvaluationSelection .triForm textarea{margin:0 0 20px 0;width:50%;}
#grilleEvaluationSelection .triForm .media_iframe{float:left;margin:0 0 10px 0;width:50%;}
#grilleEvaluationSelection .posBtn{text-align: center;}
#grilleEvaluationSelection .titreGenerique6{margin-bottom:20px;}

/* Référentiel réglementaire rr*/
#rrTheme p.intro{margin:10px 0 0 0;}

/* Liste utilisateurs */
#userTable.tableStyle1 td{padding: 5px;}

/*rechercher page */
#rechercherPage .formGenerikUn .labelTypeUn{width:26%;}
#rechercherPage .formGenerikUn #search{width:400px;}

/*========================= FIN COMPLIANCE ================================*/

/*    Layers   */

.separateur{height:4px; width:37px; margin:60px auto 80px; padding:0; background-color:#664871;}
.graphikBulletPuce{display:inline-block; margin:0 10px 0 0; height:11px; width:11px; border-radius: 8px;
       background-color:#000;}

.layerContainer {width:100%;z-index:300;background-color: rgba(0,0,0,0.5);}
.ie .layerContainer {background-image:url(/images/transparent.png);background-color:transparent;}
.layerContainer .layer{position:relative; z-index:5; width:990px; margin:0 auto; padding:0;  }

.layer_header{position:relative; z-index:1; height:260px; border-radius:20px 20px 0 0; color:#fff;}
.layer_header .closeLayer{position:absolute; top:5px; right:5px; margin:0 5px 0 0; padding:5px;}
.layer_header .closeLayer a{font-size:20px;font-weight:bold; color:#fff;}
.layer_header .closeLayer a:hover{text-decoration:none;}
.layer_header .closeLayer span{font-size:20px;font-weight:bold;}
.layer_header .numberLayer{margin:-5px 0 0 0; padding:0 0 0 70px; width:775px; font-size:65px;font-weight:normal; }
.layer_header .titleLayer{margin:-2px 0 0 0; padding:0 0 0 70px; width:91%; font-size:50px;}

.interHeaderBodyLayer{position:absolute; z-index:5; top:180px; left:38px; height:165px; width:674px; padding:0 123px; background-color:#fff;}
.interHeaderBodyLayer .intro{margin:85px 0 0 0; padding:0; font-size:20px;}
.interHeaderBodyLayer .intro a {text-decoration:underline;}
.ie .interHeaderBodyLayer{top:175px;}
.ie7 .interHeaderBodyLayer{top:169px;}

.layer_body{ margin:0 auto;padding:115px 155px 70px; width:680px;border-radius: 0 0 20px 20px; background-color:#fff;}
.layer_body p{margin:15px 0 0 0; padding:0; font-size:16px; color:#664871;}
.layer_body p.title2Layer{font-size:35px; font-weight:bold; color:#664871;}
.layer_body .gestionSurMesureList{list-style:none; margin:15px 0 0 0; padding:0; color:#664871;}
.layer_body .gestionSurMesureList li{margin:0 0 15px 0; padding:0; font-size:12px; font-weight:bold;}

.layer_body .avantagesList{list-style:none; margin:0 0 90px 0; padding:0; color:#664871;}
.layer_body .avantagesList li{margin:0; padding:40px 0; border-bottom:1px solid #664871;}
.layer_body .avantagesList li .validIco{float:left; display:block; margin:0 20px 0 0; height:20px; width:33px; vertical-align:top;
background-image:url(/images/layers/layerskin.png); background-position:0 -363px; background-repeat:no-repeat; background-color:#dfd547;}
.layer_body .avantagesList li .textLi{float:left; display:block; font-size:16px; width:620px; }
.layer_body .dlFiche{float:left; width:49%;border-top:1px solid #cee1ef;border-bottom:1px solid #cee1ef;}
.layer_body .dlFiche a{display:block; margin:0; padding:25px 0 25px 30px; font-size:18px;}


.layer_body .contactLayer{float:left; margin:0 0 0 2%; width:49%;}
.layer_body .contactLayer a {display:block; margin:0; padding:19px 0; font-size:30px; font-weight:bold; text-align:center; color:#fff;}
.layer_body .dlFiche .flecheIco{display:inline-block; margin:0 8px 0 0; height:14px; width:17px; background-image:url(/images/layers/layerskin.png); background-position:0 -300px; background-repeat:no-repeat;}



.legendIcoLi{margin:15px 0 25px; padding:0 10px;}
.iconeList{list-style:none; margin:0 0 0 0; padding:15px 0 0 0; width:100%; color:#664871;}
.iconeList li{float:left; display:block; margin: 0; padding:25px 0; height:110px; width:210px; font-size:12px; font-weight:bold; text-align:center; color:#664871;}
.iconeList li{border-right:1px solid #e8e4ea; border-bottom:1px solid #e8e4ea;}
.iconeList li.noBorderRight{border-right:0;}
.iconeList li.noBorderBottom{border-bottom:0;}
.iconeList li span{display:block; margin:0 auto;}
.iconeList li span.ico1{height:55px; width:63px; background-image:url(/images/layers/layerskin.png); background-position:0 -1705px; background-repeat:no-repeat;} /* reduction des couts */
.iconeList li span.ico2{height:55px; width:70px; background-image:url(/images/layers/layerskin.png); background-position:0 -1894px; background-repeat:no-repeat;} /* Gestion mono et multi-sites */
.iconeList li span.ico3{height:55px; width:54px; background-image:url(/images/layers/layerskin.png); background-position:0 -2083px; background-repeat:no-repeat;} /* Cartographie sur mesure des risques */
.iconeList li span.ico4{height:68px; width:64px; background-image:url(/images/layers/layerskin.png); background-position:0 -2273px; background-repeat:no-repeat;} /* Conformité réglementaire connectée */
.iconeList li span.ico5{height:68px; width:53px; background-image:url(/images/layers/layerskin.png); background-position:0 -2461px; background-repeat:no-repeat;} /* Norme Iso 14001/OHSAS 18001 */
.iconeList li span.ico6{height:68px; width:97px; background-image:url(/images/layers/layerskin.png); background-position:0 -2650px; background-repeat:no-repeat;} /* Gestion holistique */

.iconeList li span.ico7{height:55px; width:54px; background-image:url(/images/layers/layerskin.png); background-position:0 -2839px; background-repeat:no-repeat;} /* reduction des couts */
.iconeList li span.ico8{height:55px; width:48px; background-image:url(/images/layers/layerskin.png); background-position:0 -3028px; background-repeat:no-repeat;} /* reduction des couts */
.iconeList li span.ico9{height:70px; width:70px; background-image:url(/images/layers/layerskin.png); background-position:0 -3217px; background-repeat:no-repeat;} /* reduction des couts */


.modules8{list-style:none; margin:0 0 0 0; padding:80px 0 50px 0; width:680px; }
.modules8 li{ display:block; float:left;  width:auto;}
.modules8 li a{display:block; margin:0 10px 10px 0; padding:40px 15px 50px 100px; height:44px; width:215px; color:#FFF; font-size:16px;}
.modBg01{background-image:url(/images/layers/layerskin.png); background-position:0 -3406px; background-repeat:no-repeat;}
.modBg03{background-image:url(/images/layers/layerskin.png); background-position:0 -3552px; background-repeat:no-repeat;}
.modBg05{background-image:url(/images/layers/layerskin.png); background-position:0 -3697px; background-repeat:no-repeat;}
.modBg07{background-image:url(/images/layers/layerskin.png); background-position:0 -3841px; background-repeat:no-repeat;}

.modBg02{background-image:url(/images/layers/layerskin.png); background-position:0 -3988px; background-repeat:no-repeat;}
.modBg04{background-image:url(/images/layers/layerskin.png); background-position:0 -4132px; background-repeat:no-repeat;}
.modBg06{background-image:url(/images/layers/layerskin.png); background-position:0 -4277px; background-repeat:no-repeat;}
.modBg08{background-image:url(/images/layers/layerskin.png); background-position:0 -4422px; background-repeat:no-repeat;}


#hseMonitorLayerSkin .interHeaderBodyLayer{top:230px;}
.ie #hseMonitorLayerSkin .interHeaderBodyLayer{top:227px;}
#hseMonitorLayerSkin .layer_header{height:280px;}
#hseMonitorLayerSkin .layer_header .titleLayer{margin:0; padding-top:93px; font-size:65px; font-weight:bold;}
#hseMonitorLayerSkin .layer_body{padding:155px 155px 70px;}
#hseMonitorLayerSkin .layer_body .dlFiche{padding:14px 0 4px;}
#hseMonitorLayerSkin .layer_body .dlFiche a {padding:0 0 5px 30px;}


#hseComplianceLayerSkin .interHeaderBodyLayer{top:224px; width:668px;}
.ie #hseComplianceLayerSkin .interHeaderBodyLayer{top:221px;}
#hseComplianceLayerSkin .interHeaderBodyLayer .intro{margin-top:50px;}
#hseComplianceLayerSkin .layer_header{height:280px;}
#hseComplianceLayerSkin .layer_header .titleLayer{margin:-2px 0 0; padding-top:85px; font-size:66px; font-weight:bold;}
#hseComplianceLayerSkin .layer_body{padding:105px 155px 70px;}
#hseComplianceLayerSkin .iconeList {margin-top:50px;}
#hseComplianceLayerSkin .colG{float:left; margin:0; width:150px; font-size:12px; font-weight:bold; text-align:right;}
#hseComplianceLayerSkin .colDtextLi{float:left; margin:0 0 0 30px; width:430px; font-size:14px;}
#hseComplianceLayerSkin .layer_body .dlFiche{padding:14px 0 4px;}
#hseComplianceLayerSkin .layer_body .dlFiche a {padding:0 0 5px 30px;}


/* fin Layers */

/*============ onglet statistiques ============*/
/* principal Thématique*/
#tabStatistiques #principalThematique .titreTheme{margin:0;padding:15px 0 10px 20px;}
#tabStatistiques #principalThematique .statBarre{list-style:none;margin:0;padding:0;}
#tabStatistiques #principalThematique .statBarre li{float:left;display:block;width:46%;margin:0 2% 2% 2%; padding:0;}
#tabStatistiques #principalThematique .statBarre li .elementG{float:left;width:57%;}
#tabStatistiques #principalThematique .statBarre li .elementD{float:left;margin:13px 0 0 1%;width:42%;border:none;}
#tabStatistiques #principalThematique .ssTitreTypeFleche{margin:0 2% 15px 2%;padding:3px 5px 3px 0;}

#tabStatistiques .blockType1.left-half-block{width: calc(50% - 25px); display: inline-block; float: left; padding-bottom: 10px;}
#tabStatistiques .blockType1.right-half-block{width: calc(50% - 25px); display: inline-block; margin-left: 9px; padding-bottom: 10px;}
.blockType1.left-half-block .widget, .blockType1.right-half-block .widget{margin-top: 0;}
#tabStatistiques .blockType1.left-tiers-block{width: calc(33% - 25px); display: inline-block; float: left; padding-bottom: 10px;}
#tabStatistiques .blockType1.right-tiers-block{width: calc(66% - 25px); display: inline-block; margin-left: 9px; padding-bottom: 10px;}
.blockType1.left-tiers-block .widget, .blockType1.right-half-block .widget{margin-top: 0;}
#plansActions{width:300px;min-height:150px;float: left;}
/*=========== fin statistiques =============*/

/*============ onglet Conformité ============*/
.conformiteTab .blockType1{margin: 0 0 20px 0}
.conformiteTab .tableStyle1 th{border-bottom:1px solid #ccc;border-right: 1px solid #ccc}
/*=========== fin Conformité =============*/

/*	Questionnaire FIC	*/
#navFic{list-style:none;padding:0;margin:0 0 20px 0;}
#navFic li{float:left;width:433px;margin:0 0 0 20px;background-repeat:no-repeat;padding:0 0 5px 18px;font-size:12px;}
#navFic li.clearBoth{width:0;margin:0;float:none;padding:0;background:none;}

/*=========== Questionnaire FIC =============*/

.displayNone{display:none;} /* doit être lu en dernier  */


/* ************************************************************************************************************************************************************** */
/* ======  page de configuration des nouveaux rapport conformité // MENU : reporting et indicateur // SSMENU : Nouveaux Rapports Réglements et conformités ====== */

/* ====== STRUCTURE DES BLOCS ====== */
#nouveauRapport .blockType1 {
  float: none;
  width: auto;
}

.blockType4 {
  margin: 10px 0 0;
  width: auto;
  border: 1px solid #ccc;
}

.contenaireTitre3 {
  border-bottom: 1px solid #ccc;
  background: #777777;
}

.contenaireTitre3 .numeroBloc {
  float: left;
  margin: 0;
  width: 30px;
  height: 28px;
  border-right: 1px solid #ccc;
  background-image: url(/images/sprite.png);
  background-position: 0 -2030px;
  background-repeat: repeat-x;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #4e3e54;
}

.contenaireTitre3 .titreBloc {
  float: left;
  margin: 5px 0 0 8px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.contenaireTitre3 .replieBloc {
  float: right;
  margin: 5px 15px 0 0;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-decoration: underline;
}

.ssTitreGenerique5 {
  clear: left;
  margin: 15px 0 0;
  padding: 6px 0 6px 10px;
  font-weight: bold;
  background-color: #ececec;
}

.contenaireBlocOuvert { padding: 3px 0; }

.contenaireBlocOuvert .infoBlocOuvert {
  margin: 5px 0 0;
  padding: 0 0 0 10px;
}

.contenaireBlocOuvert .colonneBlocOuvert {
  max-width: 880px;
  width: 49%;
}
.contenaireBlocOuvert .colonneGauche { float: left; }
.contenaireBlocOuvert .colonneDroite { float: right; }

.colonneBlocOuvert { padding: 0 0 10px; }

.fondOpacity { opacity: 0.5; cursor: not-allowed; }
.lotElementCheck.fondOpacity input, .lotElementCheck.fondOpacity .cocheChecked, .lotElementCheck.fondOpacity label, .lotElementDate.fondOpacity input, .lotElementDate.fondOpacity label, .lotElementTaux.fondOpacity label { cursor: not-allowed; }

.colonneBlocOuvert .select2-container { width: 97%; }

/* ====== GENERIQUE CHECKBOX EN CSS3 ====== */
/* Liste de checkbox classique */
.listCheck { margin: 10px 0 0 10px; }
.listCheck label { vertical-align: middle; }
.listCheck input { vertical-align: middle; }


/* checkBox */
.lotElementCheck {
  position: relative;
  float: left;
  margin: 10px 0 0 10px;
}

div.lotElementCheck.noFloatLeft {
    float: none;
}

.lotElementCheck label {
  margin: 0 0 0 5px;
  cursor: pointer;
}

.lotElementCheck.unTiers { width: 31% }
.unTiers label { width: 79%; }

.lotElementCheck.deuxTiers { width: 64%; }
.deuxTiers label { width: 90%; }

.lotElementCheck.troisTiers { width: 100%; }
.troisTiers label { width: 93%; }

.lotElementCheck.unDemi { width: 47.5% }
.unDemi label { width: 89%; }

.lotElementCheck .cocheChecked { vertical-align: top; }

.colonneBlocOuvert .jsSelectSimple { width: 96%; margin: 5px 10px 10px 10px; }

  /* Cachons la case à cocher */
.lotElementCheck [type="checkbox"]:not(:checked),
.lotElementCheck [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  vertical-align: top;
}

/* on prépare le label */
.lotElementCheck [type="checkbox"]:not(:checked) + label,
.lotElementCheck [type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 19px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
  margin: 0;
}
.lotElementCheck [type="checkbox"]:not(:checked) + label:first-letter,
.lotElementCheck [type="checkbox"]:checked + label:first-letter {
    text-transform: uppercase;
}
.lotElementCheck [type="checkbox"]:checked + label,
.lotElementCheck [type="radio"]:checked + label
{ color: #329ac2; }

/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.lotElementCheck [type="checkbox"]:not(:checked) + label:before,
.lotElementCheck [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 13px;
  height: 13px;
  background: #fcfff4;
  border-radius: 4px;
  border: 1px solid #a5a5a5;
}

/* Aspect général de la coche */
.lotElementCheck [type="checkbox"]:not(:checked) + label:after,
.lotElementCheck [type="checkbox"]:checked + label:after {
  opacity: 0;  /* pour FF, Opera; Chrome, Safari, IE 10+ > 9 */
  content: '✔';
  position: absolute;
  left: 2px;
  top: -3px;
  width: 9px;
  height: 5px;
  font-size: 14px;
  color: #329ac2;
}

/* Aspect si "pas cochée" */
.lotElementCheck [type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.lotElementCheck [type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

/* aspect désactivée */
.lotElementCheck [type="checkbox"]:disabled:not(:checked) + label:before,
.lotElementCheck [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
.lotElementCheck [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
/* on style aussi le label quand désactivé */
.lotElementCheck [type="checkbox"]:disabled + label,
.lotElementCheck [type="radio"]:disabled + label {
  color: #aaa;
}

/* aspect au focus de l'élément */
.lotElementCheck [type="checkbox"]:checked:focus + label:before,
.lotElementCheck [type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #13678e;
}

/* Compatibilité IE 8 et 7 */
.ie10 .lotElementCheck label, .ie9 .lotElementCheck label { margin-top: 2px; }
.ie10 .inclureTaux .texteInclure, .ie9 .inclureTaux .texteInclure { margin-top: 2px;}

.ie8 .lotElementCheck input[type='checkbox'] { visibility: visible; padding: 0 5px 0 0; margin: 0; vertical-align: top; }
.ie8 .lotElementCheck .cocheChecked:after { display: none; }
.ie8 .lotElementCheck .cocheChecked { display: none; }
.ie8 .lotElementCheck label { margin: 0; }
.ie8 .lotElementCheck input[type='checkbox'] + label { float: none; vertical-align: middle; }

.ie7 .lotElementCheck input[type='checkbox'] { visibility: visible; padding: 0 5px 0 0; margin: 0; vertical-align: top; }
.ie7 .lotElementCheck .cocheChecked:after { display: none; }
.ie7 .lotElementCheck .cocheChecked { display: none; }
.ie7 .lotElementCheck label { margin: 5px 0 0; }
.ie7 .lotElementCheck input[type='checkbox'] + label { float: none; vertical-align: middle; }
.ie7 #zoneCentrale input[type='radio'] { margin-top: 2px; }
.ie7 .inclureTaux .texteInclure { margin-top: 4px;}
.ie7 .creationModele .button--2 {width: 250px; }
.ie7 .creationModele label  { margin-bottom: 10px;}


/*bloc decallé */
.pourDecallage { width:90%; margin:10px 0 0 7%; float:left;}
.pourDecallage .lotElementCheck { float:left; margin:0 0 10px;}
.pourDecallage .lotElementCheck.ColG { width:43%;}
.pourDecallage .lotElementCheck.ColD { width:50%; margin-left:5%;}

.lotElementCheck.casNumuroActions{ margin-top: -13px; width: 31%;}
.lotElementCheck.actionsTitre { float:right; width:62%;}
.pourDecallageAction{ width:45%; margin:0 0 0 9%; float:left;}
.pourDecallageAction .lotElementCheck.blocActions{ float:none; margin:10px 0;}

.ie7 .lotElementCheck.actionsTitre{margint-top:15px;}


/* bouton radio bloc conformité */

.lotElementCheck .labelRadioNonConform{ float:none; margin-left: 0;}
.lotElementCheck .labelRadioNonConform:first-letter { text-transform: uppercase; }
.lotElementCheck.ajusteLongWord { width:34%; margin-right:2%;}
.lotElementCheck.petitWording { width:25%; margin-right:2%}

.ie7 .lotElementCheck .labelRadioNonConform {margin-top:-18px;}

/* bouton radio reporting incidents et améliorations */
.lotElementCheck .labelRadioReportIncidents{ float:none;}
.lotElementCheck .labelRadioReportIncidents:first-letter { text-transform: uppercase; }
.ie7 .lotElementCheck .labelRadioReportIncidents {margin-top:-18px;}

/* choix date avec calendrier */
.lotElementDate { margin: 10px 0 0; }

.lotElementDate .texteDate {
  margin: 0;
  padding: 6px 10px 0 10px;
  float: left;
}

.lotElementDate .champsDate {
  float: left;
  vertical-align: top;
  width: 75px;
}

.iconeCalendrier {
  float: left;
  margin: 0 0 0 5px;
}

/* ====== ZONE DE PREVISUALTISATION ====== */
.zonePrevisualisation {
  margin: 15px 0 0;
  border: 3px solid #e7e7e7;
  border-radius: 12px;
  min-height: 200px;
  width: auto;
}

.zonePrevisualisation .textePrévisualtion {
  margin-top: 85px;
  font-size: 17px;
  font-weight: bold;
  color: #a7a7a7;
  text-align: center;
}

.creationModele {
  margin: 5px 0 0;
  padding: 5px 15px;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  background-color: #e7e7e7;
  width: auto;
}

.creationModele .titreCreationModele {
  float: left;
  margin: 8px 0 0;
  font-size: 13px;
  color: #434343;
  font-weight: bold;
}

.creationModele label { margin-left: 30px; }
.creationModele select { width: 140px; }
.creationModele .button--2 { margin-left: 17px; }

/* ====== BLOC HAUT DE PAGE choix 1 ou 2 ====== */
.contenaireChoixSurMesure { margin: 30px 0; }

.contenaireChoixSurMesure .titreChoixSurMesure {
  float: left;
  margin: 0;
  font-size: 15px;
  width: 410px;
}

.contenaireChoixSurMesure .numeroChoixSurMesure {
  font-size: 18px;
  font-weight: bold;
}

.contenaireChoixSurMesure .selectRapport {
  float: left;
  margin: 0 10px 0 0;
  padding: 5px;
  width: 175px;
  height: 30px;
  vertical-align: top;
}

.contenaireChoixSurMesure .separateurChoix {
  clear: left;
  position: relative;
  margin: 15px 0;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #dedede;
}

.contenaireChoixSurMesure .separateurChoix p {
  position: absolute;
  top: -10px;
  left: 0;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  width: 40px;
  margin: 0 0 0 50px;
}

.contenaireChoixSurMesure .selectionChoixSurMesure {
  float: left;
  background-color: #ececec;
}

.contenaireChoixSurMesure .donneesMultisite { margin: 10px 30px 10px 10px; }

.contenaireChoixSurMesure .titreSelection {
  float: left;
  margin: 0 15px 0 0;
  font-weight: bold;
}


/* Choix des donnes */
.contenaireChoixSurMesure .historique { margin: 2px 30px 2px 10px; }
.contenaireChoixSurMesure .historique .titreSelection {
  margin-top: 7px;
  display: inline-block;
}

.contenaireChoixSurMesure .historique input {
  margin-top: 7px;
 display: inline-block;
 vertical-align: top;
}

.contenaireChoixSurMesure .historique label {
 display: inline-block;
 vertical-align: top;
  margin: 7px 25px 0 0;
}

.contenaireChoixSurMesure .historique .select2-container {
	display: inline-block;
	width: 100px;
}

.contenaireChoixSurMesure .lotElementCheck {
  margin-top: 0;
  display: inline-block;
}
.contenaireChoixSurMesure label { margin-left: 0; }

.contenaireChoixSurMesure .fakeSelect {
  float: left;
  padding: 8px;
  width: 124px;
  height: 8px;
  background-color: #fff;
}

.contenaireChoixSurMesure .fakeSelect b { top: 10px; }

#domaineThematique .lotElementCheck { float: none; }

#domaineThematique .domaineNiveauUn {
  cursor: pointer;
  padding: 0 0 0 10px;
  height: 30px;
  background-color: #ececec;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;

  background-image: url("/images/icone/fleche_haut.png");
  background-repeat: no-repeat;
  background-position: 98% 10px;
}

#domaineThematique .domaineNiveauUn:hover {
  background-image: url("/images/icone/fleche_bas.png");
}

#domaineThematique .domaineNiveauUn:hover {
  background-image: url("/images/icone/fleche_bas.png");
}
#domaineThematique .domaineNiveauDeux {
  min-height: 20px;
}


/* ====== BLOC 3 STATISTIQUE ====== */
#statistique .lotElementTaux {
  margin: 10px 0 0;
  width: 97%;
}

#statistique .diviseurTaux {
  margin: 0;
  padding: 8px 0 0 0;
}

.lotElementTaux .lotElementCheck {
  margin-top: 13px;
  width: 25px;
}
.lotElementTaux .lotElementCheck input { float: right; }

.lotElementTaux label {
  float: none;
  margin-right: 5px;
}

.lotElementTaux .operationTaux {
  float: left;
  width: 86%;
}

.lotElementTaux .operateurTaux {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #434343;
  vertical-align: middle;
  margin: 0 2px;
}

.lotElementTaux p.operateurTaux {
  float: left;
  margin: 13px 10px 0 5px;
}

.lotElementTaux span.textJustify { margin: 0 15px; }

#statistique .inclureTaux {
  clear: left;
  margin: 20px 0 0;
}

.inclureTaux .texteInclure {
  float: left;
  margin: 0 0 0 10px;
}

.inclureTaux .lotElementCheck { margin: 0 0 10px 10px; }
.inclureTaux label { margin-left: 0; }

#statistique .dividendeTaux {
  margin: 0;
  padding: 0 0 8px 0;
  text-align: center;
  border-bottom: 1px solid #434343;
}



#regletteFixe {
  position: fixed;
  bottom: 0;
  left: auto;
  z-index: 1000;
  margin: 0 8px;
  width: 984px; /* largeur réele: 1000px -16 de padding */
  background-color: #c0b3c5;

}

#regletteFixe .contenaireTitreReglette {
  background-color: #4e3e54;
  border-left: 1px solid #9c929f;
  border-right: 1px solid #9c929f;
}


#regletteFixe .contenaireTitreReglette .titreBloc {
  float: left;
  margin: 5px 0 5px 8px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

#regletteFixe .contenaireTitreReglette .replieBloc {
  float: right;
  margin: 3px 8px 0 0;
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}


#regletteFixe .contentTitreCritere {

}


#regletteFixe .contenaireCritere {
  border-left: 1px solid #cdc2d1;
  border-right: 1px solid #cdc2d1;
  border-bottom: 1px solid #cdc2d1;
}


#regletteFixe .clearBoth {
  margin: 10px 0 16px;
}

#regletteFixe .titreCritere {
  float: left;
  margin: 7px 6px 14px;
  padding: 6px 16px 6px 6px;
  min-width: 50px;
  color: #434343;
  font-weight: bold;
  background-color: #ececec;
}

#regletteFixe .detailCritere {
  float: left;
  margin: 7px 6px;
  padding: 6px;
  min-width: 50px;
  color: #434343;
  font-weight: bold;
  background-color: #ececec;
}


#regletteFixe .closeCritere {
  float: right;
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 6px;
  width: 10px;
  height: 14px;
  background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -2067px;
}


.titreReport {
	color: #434343;
	font-size: 16px;
}

.btnIco1, .btnIco2 {
	width: 360px;
	height: 40px;
	margin: 0 15px 10px 0;
	padding: 20px 10px 20px 85px;
	background-repeat: no-repeat;
	background-position: 20px center;
	vertical-align: top;
}
.btnIco1 { background-image: url(/images/icone/picto-acc-1.png); }
.btnIco2 { background-image: url(/images/icone/picto-acc-2.png); }
form .btnIco1, form .btnIco2 { cursor: default; }
form .btnIco1:hover, form .btnIco2:hover { background-color: #f0f0f0; }

.lotElementCheck .titreCritere { font-weight: bold; margin: 0 0 10px 0; }

/******* FORUM */

.blocReaction a, .blocReaction span { position: relative; display: block; overflow: hidden; margin: 5px auto; width: 24px; height: 21px; }
.blocReaction a img, .blocReaction span img { position: absolute; left: 0; }
.blocReaction .active img { top: -22px; }
.blocReaction .inactive img { top: 0; }

/******* PAGINATION ********/
.pagination-monitor {
  display: block;
  width: auto;
  margin: 15px;
  text-align: center;
}

.pagination-monitor .pagination-item {
  color: #000000;
  display: inline-block;
  width: 15px;
  text-align: center;
  margin: 0 3px;
  padding: 4px 8px;
  border: solid 1px #cccccc;
}

.pagination-monitor .pagination-item:hover,
.pagination-monitor .pagination-item.current-page {
  background-color: #e5f2f7;
}

.pagination-monitor .pagination-item.current-page {
  font-weight: bold;
}

.pagination-monitor .pagination-item.inter-page {
  border: none 0;
}

.pagination-monitor .pagination-item.inter-page:hover {
  background-color: #ffffff;
}

/******* FORUM REGLEMENTAIRE */

.forumFirstAnswer {
  background-color: #eeeeee;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  margin: 30px 0 15px;
  padding:1em;
}
.forumFirstAnswer p { margin: 0; }
.forumFirstAnswer .sstitreGenerique1,
.forumFirstAnswer .sstitreGenerique2 { margin: 15px 0 0; }

.forumFirstAnswer .closed {
  border: 1px solid #363636;
  font-size: 10px;
  color: #fff;
  background: #363636;
  margin: 0 1px;
  padding: 3px 7px;
  display: inline-block;
}

.contentForumAnswer {
  padding-bottom:1em;
  border-bottom:1px solid #000000;
}
.forumAnswer {
  margin: 1em 0 1em 15px;
  padding-top:1em;
  border-top:1px solid #cccccc;
}

.forumAnswer:first-child {
  border-top: none;
}

.forumAnswer > .answerUser {
  font-weight: bold;
  text-decoration: underline;
}

.forumAnswer.isCorrect {
  border: 1px solid #000000;
  padding:1em;
  background-image: url('/images/icone/picto_check33.png');
  background-repeat: no-repeat;
  background-position: 99% 10%;
}

.defaultCursor {
    cursor: default !important;
}

#AnswerForm {
  margin:1em 0;
}

img.forumStatus {
  width:32px;
  height:auto;
}

#forumAuthorList tr.selected td{background-color:rgb(190, 235, 255);}

/******* ComplianceAssistance */

.complianceAssistanceList .textCenter {
    text-align: center;
}

.complianceAssistanceList .subThemeContainer {
    display: none;
}

.complianceAssistanceList .subThemeContainer.subThemeEmpty {
    display: block;
}

.complianceAssistanceList .subThemeContainer.subThemeEmpty p {
    display: inline-block;
    padding-left: 10px;
}

.complianceAssistanceList .triForm.triFormwithoutWebkitAppearance select {
    width: 400px;
    -webkit-appearance: none;
    padding: 6px 10px;
    border: solid 1px #cccccc;
    border-radius: 0;
    background: #FFFFFF url("/images/fleche_n1_bas.gif") no-repeat 376px center;
    text-transform: none;
}

.complianceAssistanceList .pagination {
    display: block;
    width: auto;
    margin: 15px;
    text-align: center;
}

.complianceAssistanceList .pagination .pagination-item {
    color: #000000;
    display: inline-block;
    width: 15px;
    text-align: center;
    margin: 0 3px;
    padding: 4px 8px;
    border: solid 1px #cccccc;
}

.complianceAssistanceList .pagination .pagination-item:hover,
.complianceAssistanceList .pagination .pagination-item.current-page {
    background-color: #e5f2f7;
}

.complianceAssistanceList .pagination .pagination-item.current-page {
    font-weight: bold;
}

.complianceAssistanceList .pagination .pagination-item.inter-page {
    border: none 0;
}

.complianceAssistanceList .pagination .pagination-item.inter-page:hover {
    background-color: #ffffff;
}

.complianceAssistanceEdit #complianceAssistanceEditForm.formGenerikUn .errorMessage {
    display: none;
    margin: 0  0  5px 22%;
    padding-left: 10px;
}

.complianceAssistanceEdit .toShowWithoutContexts {
    display: none;
}

.complianceAssistanceEdit .complianceAssistanceContentTitle {
    padding: 0 20px 20px 20px;
    border-bottom: solid 1px #cccccc;
}

.complianceAssistanceEdit .complianceAssistanceContentTitle .sstitreGenerique1 {
    margin: 30px 0 0 0;
}

.complianceAssistanceEdit .complianceAssistanceContentTitle .addComplianceAssistanceContent {
    float: right;
}

.complianceAssistanceEdit .complianceAssistanceContentTitle .notifiedROL {
    margin-bottom: 0;
    color: #FF1100;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}

.complianceAssistanceEdit .notEnoughtRights {
    padding: 10px 20px;
    margin: 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: #f4f4f4;
    font-style: italic;
    text-align: center;
}

.complianceAssistanceEdit .complianceAssistanceContent {
    padding: 10px 20px;
    margin: 0;
    border-bottom: solid 1px #cccccc;
    background-color: #f4f4f4;
}

.complianceAssistanceEdit .complianceAssistanceContent:nth-child(odd) {
    background-color: #dfdfdf;
}

.complianceAssistanceEdit .complianceAssistanceContentEmpty {
    padding: 10px 20px;
    margin: 0;
    border-bottom: solid 1px #cccccc;
    background-color: #f4f4f4;
    font-style: italic;
    text-align: center;
}

.complianceAssistanceEdit .complianceAssistanceContentEmpty strong {
    font-style: normal;
}

.complianceAssistanceEdit .complianceAssistanceContent .labelTypeUn {
    display: block;
    float: left;
}

.complianceAssistanceEdit .complianceAssistanceContent .level,
.complianceAssistanceEdit .complianceAssistanceContent .content {
    display: block;
    float: left;
    width: 670px;
    margin: 10px 5px 10px 0;
}

.complianceAssistanceEdit .complianceAssistanceContent .level {
    width: 660px;
}

.complianceAssistanceEdit .complianceAssistanceContent .level[disabled] {
    background-color: transparent;
    border: none 0;
}

.complianceAssistanceEdit .complianceAssistanceContent .deleteComplianceAssistanceContent {
    float: right;
}

.complianceAssistanceEdit .btnShowGroupeComplianceAssistance {
    float: left;
    width: 50%;
    text-align: left;
}

.complianceAssistanceEdit .btnForum {
    float: right;
    width: 50%;
    text-align: right;
}

.complianceAssistanceEdit .btnShowGroupeComplianceAssistance .button--1,
.complianceAssistanceEdit .btnForum .button--1 {
    font-weight: normal;
}

.complianceAssistanceEdit .commentHistoContainer {
    margin-top: 35px;
}

.complianceAssistanceEdit .commentHistoContainer #commentHisto {
    resize: none;
    width: 660px;
    height: 80px;
}

.complianceAssistanceShow .complianceAssistanceShowTitle {
    margin-top: 35px;
}

.complianceAssistanceShow .complianceAssistanceContentTitle {
    padding: 0 20px 20px 20px;
    border-bottom: solid 1px #cccccc;
}

.complianceAssistanceShow .complianceAssistanceContentTitle .sstitreGenerique1 {
    margin: 30px 0 0 0;
}

.complianceAssistanceShow .complianceAssistanceContent {
    padding: 10px 20px;
    margin: 0;
    border-bottom: solid 1px #cccccc;
    background-color: #f4f4f4;
}

.complianceAssistanceShow .complianceAssistanceContent:nth-child(odd) {
    background-color: #dfdfdf;
}

.complianceAssistanceShow .complianceAssistanceContentEmpty {
    padding: 10px 20px;
    margin: 0;
    border-bottom: solid 1px #cccccc;
    background-color: #f4f4f4;
    font-style: italic;
    text-align: center;
}

.complianceAssistanceShow .complianceAssistanceContentEmpty strong {
    font-style: normal;
}

.complianceAssistanceShow .complianceAssistanceContent .labelTypeUn {
    display: block;
    float: left;
}

.complianceAssistanceShow .complianceAssistanceContent .level,
.complianceAssistanceShow .complianceAssistanceContent .content {
    display: block;
    float: left;
    width: 670px;
    margin: 10px 5px 10px 0;
}

.contentSources a:hover {
  text-decoration: underline;
}

.posBtn2 .lienAide,
.posBtn2 .lienHistorique,
.posBtn2 .lienPost,
.posBtn2 .lienPlateforme { margin: 0 20px 0 10px; background-repeat: no-repeat; background-position: left center; }
.posBtn2 .lienAide { padding: 3px 0 3px 20px; }
.posBtn2 .lienHistorique,
.posBtn2 .lienPost { padding: 3px 0 3px 25px; }
.posBtn2 .lienPlateforme { padding: 3px 0 3px 35px; }

.titreQuestionForum {
  width: 525px;
}
/* Page de recherche*/
.searchWrap .keywordWrap {
  margin-bottom: 10px;
}

.searchWrap .keywordWrap .contenuFiltre > div {
  display: inline-block;
}

.searchWrap .keywordWrap .contenuFiltre .filterLabel {
  width: 26%;
  margin: 10px 5px 10px 0;
  font-weight: bold;
  vertical-align: middle;
}

.searchWrap .keywordWrap .keywordContainer > div {
  display: inline-block;
  margin-right: 15px;
}

/* Page résultats de recherche */
.resultSearch {
  margin-bottom: 30px;
}

.resultSearch .sidebar {
  width: 25%;
  float: left;
}

.resultSearch .sidebar > div {
  margin: 0 0 15px 0;
}

.resultSearch .sidebar > div .sstitreGenerique1 {
  margin: 0;
  padding: 10px;
}

.resultSearch .sidebar > div .contenuFiltre {
  padding: 10px;
}

.resultSearch .sidebar > div .contenuFiltre .inputTextTypeUn {
  width: 50%;
}

.resultSearch .sidebar > div .contenuFiltre .checkboxContent {
  float: none;
}

.resultSearch .sidebar > div .contenuFiltre button {
  margin: 15px auto 0;
  display: block;
}

.resultSearch .contenuSearch {
  margin-left: 1%;
  float: left;
  width: 74%;
}

.resultSearch .contenuSearch table ul {
  list-style: inside;
}

/*.resultSearch + .paginationBar {
  margin-left: 25%;
  text-align: center;
  cursor: pointer;
}*/

#rechercherPage .resultParPage button {
  cursor: pointer;
}

#exportToXlsButton {
  text-align: right;
}
#exportToXlsButton img {
  vertical-align: middle;
}

.labelNonConforme{
	float: left;
}

/* Objectif international POPIN notifications */

#userList {
   width: 400px;
   max-height: 100px;
   border: 1px solid gray;
   padding: 5px;
   overflow-y: auto;
}
/* les objectifs associés sont affichés avec une couleur differente */

#GlobalGoalTable .jqAssoc {
    background-color: #E0FFFF;
}

.confirmSup {
    width: 400px;

}

/* désactivation d'un lien rapide dans le menu  */
#menu #menuNiveau1 .menuNiveau2 #confRef .disableMenuBloc {
    background-color: #EDF6EB;
    color: #DDD;
    cursor: default;
}

#menu .menuPlansAction .menuNiveau2 #planActionGroup .disableMenuBloc {
    background-color: #F3F1F3;
    color: #DDD;
    cursor: default;
}

#menu .menuPlansAction .menuNiveau2 #planActionGroup .disableMenuBloc,
#menu .menuReportingEtInd .menuNiveau2 #ReportingEtIndBloc  .disableMenuBloc {
    background-color: #F3F1F3;
    color: #DDD;
    cursor: default;
}

/* table style façon boostrap */
table {background-color: transparent;}
table {border-spacing: 0;border-collapse: collapse;}
th {text-align: left;}

.table-bordered {border: 1px solid #ddd;}
.table {width: 100%;max-width: 100%;margin-bottom: 20px; font-size: 13px;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border-bottom-width: 2px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #ddd;}
.table>thead>tr>th {vertical-align: bottom;border-bottom: 2px solid #ddd;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td,
.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px;line-height: 1.42857143;vertical-align: top;border-top: 1px solid #ddd;}


/* Support utilisateurs et formations */
/*#supportUsersFormations .intro {
  margin: 15px 0 0 0;
  font-size: 16px;
}

#supportUsersFormations .sstitreGenerique1 {
  margin: 30px 0 15px 0;
  color: #48ae3f;
  font-size: 16px;
  font-weight: bold;
}
#supportUsersFormations .blocInfos {
  padding: 0 0 25px 0;
  border-bottom: 1px solid #ccc;
}

#supportUsersFormations .encartType2 {
  margin: 30px auto 5px;
  padding: 0;
  background-color: #f0f0f0;
  width: 90%;
}

#supportUsersFormations .encartType2--title {
  display: block;
  margin: 15px 0 0 0;
  font-size: 14px;
  font-weight: bold;
}

#supportUsersFormations .colGEncartType2 {
  display: block;
  float:left;
  margin: 0;
  padding: 0 2%;
  width: 58%;

}*/
.list2Link {
  margin: 0;
  padding:0;
  list-style: none;
  clear:both;

}
.list2Link li {
  margin: 8px 0 0 0;
  padding: 0;
  clear: both;
  background-image: url(/images/icone/dot_bg_effet.png);
  background-repeat: repeat-x;
  background-position: 4px 12px;
}

.noModule {
  list-style-type: none;
}

.errorMessage li{
  font-size: 14px;
  margin: 8px 0 0 0;
  padding: 0;
  clear: both;
  text-decoration: none;
}

.list2Link li:before, .list2Link li:after { content: " "; display: table; }
.list2Link li:after { clear: both; }
.ie7 .list2Link li { zoom: 1; }

.list2Link li .colModule {
  display: block;
  float: left;
  width: 81.5%;
  margin: 0 0;
  font-size: 14px;
}

.list2Link li .errorMessage {
  display: block;
  float: left;
  width: 81.5%;
  margin: 0 0;
  font-size: 14px;
}

.list2Link li .colModule span {
  background-color: #f0f0f0;
  margin: 0;
  padding: 0 1% 0 1.5%;
}

.list2Link li .linkDoc {
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 5.1%;
  font-size: 12px;
  text-decoration: underline;
  color: #48ae3f;
  background-color: #f0f0f0;
  background-image: url(/images/sprite.png);
  background-repeat: no-repeat;
  background-position: 13px -2096px;
}

.imgDeco {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 38%;
}

.miseEnreliefComplianceColor {
  font-weight:bold;
  color: #48ae3f;
  text-decoration: none;
}
a.miseEnreliefComplianceColor:hover {text-decoration: underline;}


 .col3Type1 {
  box-sizing: border-box;
  float: left;
  width: 31.5%;
  margin: 25px 0 0 2%;

   font-size: 14px;
}
 .colFormationDistance {
   margin:25px 0 0 0;
 }
.col3Type1__title {
  box-sizing: border-box;
  padding: 10px 50px;
  text-align: center;
  min-height: 54px;
  font-size: 14px;
  background-color: #f0f0f0;
  border: 1px solid #f0f0f0;

}
.col3Type1__container {
  box-sizing: border-box;
  padding: 10px 15px 30px;

  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.col3Type1__container p:first-child { margin-top: 0;}

.col3Type1__container form {
  box-sizing: border-box;
  overflow: hidden;
  margin: 0;
  padding:0 25px;
}

#supportUsersFormations .labelTypeUn { display: none; }
.col3Type1 .labelTypeTrois {
  box-sizing: border-box;
  display: block;
  margin: 25px 0 0 15px;
  font-size: 12px;
  font-style: italic;

}

.col3Type1 .radioType {
  float: left;
  margin: 10px 5px 0 0;
  padding: 0;
}

.ie .col3Type1 .radioType {
  margin: 10px 0 0 0;
}

.ie7 .col3Type1 .radioType {
  margin: 0;
  padding: 10px 5px 0 0;
}

.col3Type1 .radioContent div {
  clear: both;
}

.col3Type1 .labelRadioType {
  margin: 10px 0 0 0;
  width: 90%;
  font-size: 12px;
}

.col3Type1 .inputTextTypeUn {
  box-sizing: border-box;
  font-size: 12px;
  width: 100%;
  margin: 10px 0 0 0;


}

.col3Type1 .errorMessage {
  margin: 10px 0 0 0;
  color: #ff0000;
}

.col3Type1 .btnTypeValid {
  border: 1px solid #48ae3f;
  margin: 20px 0 0 0;
  padding: 3px 7px;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #48ae3f;
}

.col3Type1 .btnTypeValid:hover {
  background-color: #48ae3f;
}

.col3Type1 .btnPosition, .saveButton, .reportArchive {
  text-align: center;
}

.col3Type1 .textareaType {
  box-sizing: border-box;
  margin: 30px 0 0 0;
  width: 100%;
}

.col3Type1 .textareaType{
  box-sizing: border-box;
  height: 120px;
}

.center {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}

/* ----- Gestion des évènements ----- */
.uniform.formGenerikUn .contentAccordeon{background-color: transparent;}
.uniform.formGenerikUn .contentAccordeon select[disabled],
.uniform.formGenerikUn .contentAccordeon input[readonly]{
    border: none;
    color: initial;
    background-color: #cdcdcd;
}
/* Homogénéisation taille des inputs */
.uniform.formGenerikUn textarea,
.uniform.formGenerikUn input[type='text']{
    width:390px;
}

.uniform.formGenerikUn .actionDescription{width:650px;}
.uniform.formGenerikUn input[type='text'].jqDatePicker{width:18%;}
.uniform.formGenerikUn .sameParentWidth { margin: 5px 5px 5px 0; width: 95%; }
.uniform.formGenerikUn select, .uniform.formGenerikUn .select2-container{width:402px;}
.uniform.formGenerikUn select.selectTypeUn {width:25%;}
.uniform.formGenerikUn .contentAccordeon textarea {height:inherit; resize: vertical;}
.uniform.formGenerikUn .inputTextMedia, .uniform.formGenerikUn .idToLink{width:200px !important;}
.uniform.formGenerikUn .contentAccordeon .radioContainer {height: 28px;}
#container_id_module {width: inherit;}
#container_id_module select{width: 200px;}
#container_id_module .labelTypeUn{width: 370px;}
#referenceList .colComplementaire button{height: 26px;}
.uniform .dataTables_wrapper{width: inherit;}
#curative_action_collection .action{padding:10px;background-color:#ccc;margin-bottom: 5px;}

.action {
    padding: 15px 0;
    border-top: 3px solid #dedede;
}
    .action__title {
        margin-top: 0;
        color: #0080b1;
        font-size: 18px;
        font-weight: bold;
    }
    .action__content *,
    .action__content *:before,
    .action__content *:after {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .action__content {
        padding: 5px 5px 0;
        width: 55%;
        position: relative;
        background-color: #dedede;
        font-size: 0;
    }
        .action__content .labelTypeUn,
        .action__content .inputTextTypeUn {
            width: 50%;
        }
        .action__content .labelTypeUn {
            margin-right: 0;
            padding-right: 5px;
            font-size: 11px;
        }
        .action__content .inputTextTypeUn {
            margin: 0;
        }
        .action__content .currency  {
            position: absolute;
            top: 12px;
            right: -10px;
            font-size: 11px;
        }
        .action__content .errorMessage {
            margin-left: 50%;
            padding: 0;
            font-size: 11px;
        }

/* Analysis */
.analysis {
    border-bottom: solid 1px #444444;
    padding: 5px 2%;
    margin-bottom: 10px;
}
.analysis .analysisName {
    float: left;
    width: 50%;
    font-weight: bold;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
}
.analysis .analysisStatus {
    float: left;
    width: 20%;
    font-size: 10px;
    line-height: 26px;
    height: 26px;
    color: #c83f28;
}
.analysis .analysisStatus.valid {
    color: #9bcd6e;
}
.analysis .analysisStatus img {
    height: 20px;
    display: inline-block;
    margin: 3px 5px 3px 0;
    vertical-align: middle;
}
.analysis .analysisButton {
    float: right;
    height: 26px;
}
.analysis .analysisButton .button--1,
.analysis .analysisButton .button--2 {
    font-weight: normal;
    font-size: 14px;
}
.analysis #accidentStepRiskTable {
    margin: 10px 0;
}
.analysis #accidentStepRiskTable h4 {
    margin-bottom: 10px;
    font-size: 13px;
}
.analysis #accidentStepRiskTable table {
    margin-top: 10px;
}

/* -------------------------------------------------------------- */
/* ---------- GESTION TAUX ACCIDENT -----------------------------*/
/* ------------------------------------------------------------ */
#gestTxAccPage .tableStyle1 {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    table-layout: fixed;

}
#gestTxAccPage .tableStyle1 tr {
    border: 0;
    cursor: default;
}

#gestTxAccPage .tableStyle1 .tableStyle1Include {
    width: 100%;
    table-layout: fixed;
}
#gestTxAccPage .tableStyle1 .tableStyle1Include tr{
    border: 0;
}

.linkIntro {
    text-align:right;
    margin: 50px 0 0 0;
}
.container-select-acctx-datestart {
    background-color: #0080b1;
    padding: 5px 1%;
}

.container-visu-period {
    padding: 5px 1%;
}

.container-select-acctx-datestart select {
    font-size: 12px;
    font-weight: bold;
    color: #434343;
}

#gestTxAccPage .tableStyle1 .monthYear {
    width: 125px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#gestTxAccPage .tableStyle1 tbody:first-child tr:first-child .completeModify{
    border-top: 1px solid #ccc;
}
#gestTxAccPage .tableStyle1 .monthYear input[type="text"] {
    font-size: 16px;
    width: 96%;
    color: #434343;
    text-align: center;
}
#gestTxAccPage .formGenerikUn .completeModify {
    padding: 15px 0;
    width: 400px;
}
#gestTxAccPage .formGenerikUn .completeModify .labelTypeUn {
    margin: 0 0 0 4%;
    padding: 5px 0;
    width: 280px;
    font-size: 12px;
    font-weight: normal;
}
#gestTxAccPage .formGenerikUn .errorMessage {
    margin: -5px 0 5px 3%;
    color:#bf3744;
}

#gestTxAccPage .buttonLikeLink {
     background:none!important;
     color:inherit;
     border:none;
     padding:0!important;
     font: inherit;
     cursor: pointer;
     font-size: 14px;
     vertical-align: middle;
}

#gestTxAccPage .completeModify input[type="text"],
#gestTxAccPage .jQgestiontauxform td .labelByTypeModify input[type="text"] {
    width: 64px;
    text-align:center;
    font-size: 12px;
}

#gestionTAuxField p.jqNbTotalAcc {
    display: inline-block;
    margin: 0;
    padding: 5px;
    width: 64px;
    font-size: 12px;
    text-align:right;
}
#gestTxAccPage .tableStyle1 tr td.tableInclude {
    padding: 0;
    border-left: 0;
    border-bottom: 0;
    border-top: 0;
}
#gestTxAccPage .tableStyle1 tr td.tableInclude .datacomplementary{border-bottom: 0;}

#gestTxAccPage .tableStyle1 .subFormDeco {
    border-top: 0;
}
#gestTxAccPage .tableStyle1 .subFormDeco + .subFormDeco {
    border-top: 1px solid #ccc;
}
#gestTxAccPage .formGenerikUn .tableInclude .completeModify{
    padding: 0;
    border-right: 0;
}
#gestionTAuxField .colVide {
    width: 529px;
    /* gestion ie*/
    border-top: 0;
    border-bottom: 0;
}
.chrome #gestionTAuxField .colVide{width: 530px;}

#gestTxAccPage .completeModify input[type="text"] {
    font-size: 12px;
    text-align: center;
    width: 64px;
}

#gestionTAuxField .formGenerikUn .errorMessage {
    width: auto;
}

#gestTxAccPage .formGenerikUn .datacomplementary {
    background-color: #ececec;
}

#gestTxAccPage .jQgestiontauxform td .refreshable .errorMessage {
    margin: -5px 0 5px 0;
    padding: 0;
}

#gestTxAccPage .formGenerikUn .tableStyle1Include .datacomplementary {
    background-color: #ececec;
    clear: both;
    border-right: 0;
    padding: 0;
}

#gestTxAccPage .formGenerikUn .subFormDeco:last-child .tableStyle1Include .datacomplementary {
    border-bottom: 1px solid #ccc;
}

/* bouton noir 5*/
#gestTxAccPage .button--2 { margin: 0 1px; padding: 2px 7px; cursor: pointer; display: inline-block; }

#gestTxAccPage .formGenerikUn .noBorderBottom{
    border-bottom: 1px solid #ececec;
}
#gestTxAccPage .tableStyle1 .formGenerikUn .datacomplementary{ border-top:0; }
#gestTxAccPage .formGenerikUn .datacomplementary .labelTypeUn,
#gestTxAccPage .formGenerikUn .datacomplementary input[type="text"],
#gestionTAuxField .jQgestiontauxform td .labelByTypeModify {
    font-weight: bold;
    padding: 5px 10px 6px 0;
}
.ie #gestTxAccPage .formGenerikUn .datacomplementary input[type="text"]{
    padding: 7px 10px 6px 0;
}


#gestTxAccPage .formGenerikUn .tableStyle1Include .datacomplementary .labelTypeUn {
    width: 63px;
}
#gestTxAccPage .formGenerikUn .titreAccordeon{
    font-size: 16px;
    color: #4e3f56;
    margin: 0 0 0 4%;
    padding: 0 6% 0 0;
}
#gestTxAccPage .blocAccordeon .open,#gestTxAccPage  .blocAccordeon .close { right: 4%; }


#gestionTAuxField .blocAccordeon{ box-shadow: none; }
#gestionTAuxField .accByTypeText {
    float: left;
    display: block;
    margin: 5px 0 0 1%;
    width: 270px;
}
.arrowType2Open{
    margin: 15px 0 0 0;
    float: right;
    display: block;
    width: 1px;
    height: 1px;
    border-top: 0 solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 7px solid #4e3f56;
    border-left: 8px solid transparent;
}

.arrowType2Close {
    margin: 15px 0 0 0;
    float: right;
    display: block;
    width: 1px;
    height: 1px;
    border-top: 7px solid #4e3f56;
    border-right: 8px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 8px solid transparent;
}

.arrowType3Open {
    background-image: url("/images/icone/picto-open.png");
}
.arrowType3Close {
    background-image: url("/images/icone/picto-close.png");
}
.arrowType3Open, .arrowType3Close {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 21px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 22px;
}
#gestionTAuxField{
    margin-top: 40px;
}

#gestionTAuxField .text-lower {
    text-transform: lowercase;
}

#gestionTAuxField .text-red {
    color: red;
}

#gestionTAuxField .labelByType {
    display: block;
    float: left;
    margin: 0 0 0 4%;
    width: 280px;
    font-size: 12px;
    color: #4e3f56;
}


#gestionTAuxField .arrowType2Close{
    margin: 15px 0 0 0;
    float: right;
    display: block;
    width: 1px;
    height: 1px;
    border-top: 0 solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 7px solid #4e3f56;
    border-left: 8px solid transparent;
}

#gestionTAuxField .arrowType2Open{
    margin: 15px 0 0 0;
    float: right;
    display: block;
    width: 1px;
    height: 1px;
    border-top: 7px solid #4e3f56;
    border-right: 8px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 8px solid transparent;
}

#gestionTAuxField .text-lower:first-letter {
    text-transform: uppercase;
}

#gestionTAuxField .contentAccordeon tr {
    border-left: 0;
    border-bottom: 0;
}
#gestionTAuxField input[readonly="readonly"] {
    border: none;
}

#gestionTAuxField .jQgestiontauxform td .labelByTypeModify {
    display: block;
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 76.4%;
    font-size: 12px;
    color: #4e3f56;
}
.borderDeco {
    clear: both;
    margin: 0 4%;
    border-top: 1px solid #ccc;
}
#gestTxAccPage .formGenerikUn .tableStyle1Include .datacomplementary .borderDeco:first-child{
    border-top: none;
}
.refreshBtn{
    position: relative;
    float: left;
    display: block;
    height: 29px;
    width: 29px;
    padding: 15px 0 ;
    background-image: url(../images/icone/refresh1.png);
    background-position: 0 15px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.refreshBtn:hover {
    background-image: url(../images/icone/refresh1hover.png);

}
.refreshBtn:hover .bulleInfo{ display:block; }
.refreshBtn .bulleInfo {
    display: none;
    position: absolute;
    top: 43px;
    right: 0;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    min-width: 260px;
}
#gestionTAuxField .jQgestiontauxform td .refreshable {
    float: left;
    margin: 0;
    padding: 15px 0 15px 0;
    width: 92%;
}


#gestionTAuxField .jQgestiontauxform td .refreshable .inputTextTypeUn{
    display: block;
    float: left;
    margin: 0;
    width: 20%;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

#gestionTAuxField .toFill {border:1px solid #bf3744;}

.affichTablo{
    position: relative;
    display: block;
    font-size: 12px;
    text-align: right;
    margin: 15px 0 0 0;
    padding: 0 35px 0 0 ;
    cursor: pointer;

}

.c187fb0 {
    color:#187fb0;
}

.mx-graph-container { display: inline-block; width: 70%; height: auto; }
.mx-graph-container a img { display: block; margin-left: auto; margin-right: auto;}


/* Alerte  */
[class*="iconAlert"] {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
}
[class*="iconAlert"]:before {
    content: attr(data-txt);
    display: block;
    text-align: center;
}
.iconAlertGreen {
    background-color: #43b05c;
    color: #fff;
    font-size: 22px;
    line-height: 21px;
}
.iconAlertRed {
    border: 2px solid #e25a50;
    color: #e25a50;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}

/*pages Audit (questionnaire et planification)*/
.contentAudit .titreFormAudit {padding: 0 0 6px 0}
.alignPictoAudit {vertical-align: middle;}
.detailsAudit, .zoneAudit {font-size:14px; margin: 0;}
.zoneAudit + .titreGenerique9 {margin-top: 20px;}
.detailsAudit .pictoGeoAudit {margin-left:5px;}
.detailsAudit .switcher {margin: 0 12px 0 8px;}
.icon-world {display: inline-block; vertical-align: middle; text-align: center; width:16px; height:14px; border-radius: 11px; margin-left:10px; padding: 3px 2px; text-align: center; font-size: 14px;}

.containerLoopAudit {padding-bottom:50px; -webkit-box-shadow: 0px 9px 4px -6px #b2b6ba;-moz-box-shadow:0px 9px 4px -6px #b2b6ba; box-shadow:0px 9px 4px -6px #b2b6ba;}
.contentTdWidth150px {width:150px;}
.blocAskAudit {padding:5px 10px 15px; margin-top: 30px;border-bottom:1px solid #000;}
.titreGenerique9 + .blocAskAudit {margin-top: 0;}
.blocAskAudit:nth-child(even) {background-color: #e6f0f6; border-right:1px solid #e6f0f6; border-top:1px solid #e6f0f6;  border-left:1px solid #e6f0f6;}
.blocAskAudit:nth-child(odd) {border-top:1px solid #e6f0f6; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5;  border-left:1px solid #d5d5d5;}
.sstitreAskAudit {font-size: 14px; margin: 0;}

.answerbox {width: 14%; display: inline-block; margin-top: 15px;}
.answerbox .answerChoice {width: 100%; margin: 0; font-size: 12px; font-weight: bold; padding:0 5px; height: 25px;}
.ie .answerbox .answerChoice {padding:0 0 0 5px; height: 20px;}

.commentAudit {width: 78%; float:left;}
.commentAudit .sstitreAskAudit{display: block;  margin:25px 0 5px;}
.commentAudit .contentCommentAudit{width: 98%; font-size: 12px;font-style: italic; color:#9a9a9a; height: 70px; overflow-y: auto; resize: none;}
.textAskAudit {font-size: 21px; font-weight: bold; margin: 0}

.blocAddDoc {width:21%; float: left; margin: 50px 0 0 1%;}
.ie .blocAddDoc {width:auto; clear:both; float: none; margin: 20px 0 0;}
.blocAddDoc .insererPJ {margin-top: 0;}
.insertPJAudit {display: none;}
.blocAddDoc .insererPJ .insertPJAudit {display: block; margin:0 0 10px 1px; }
.ie .blocAddDoc .insererPJ .insertPJAudit {margin:0; }

.blocAddDoc .insererPJ iframe {overflow: hidden; width: 140px !important; height:22px !important; }
.firefox .blocAddDoc .insererPJ iframe {width: 85px !important;}
.ie .blocAddDoc .insererPJ iframe {width: auto !important; height:20px !important;}

.blocAddDoc .hasMedia .imgEtlien {width: 202px;}
.blocAddDoc .hasMedia .imgEtlien + .btnTypeC1 {padding: 3px 0;}
.blocAddDoc .hasMedia .imgEtlien img.typeIcone { margin-top:0;}

.blocActionEvent {margin-top:25px;}
.titleActionEvent {padding: 0 7px; position: relative;}
.titleActionEvent .icon-disc-arrow {display: block; float: right; width: 20px; height: 20px; padding: 0; font-size: 20px; -moz-transition: transform 1s; -webkit-transition: transform 1s; transition: transform 1s; }
.titleActionEvent .icon-disc-arrow:hover {background-color:transparent;}
.titleActionEvent .icon-disc-arrow.flip {transform:rotate(-180deg);}

.contentActionEvent {margin-bottom: 15px; display: none;}
.contentActionEvent .libelleTabAudit {margin: 15px 0 0;}
.contentActionEvent .libelleTabAudit thead, .contentActionEvent .libelleTabAudit th {max-height:65px; overflow-y:auto;}
.contentActionEvent .libelleTabAudit .titleListAudit {font-size:14px; font-weight: bold; color:#000; }
.contentActionEvent .libelleTabAudit .btnListAudit {font-size:12px; font-style: italic; color: #9a9a9a; cursor: pointer; }
.contentActionEvent .lienDansTableau {background-color: #fff;}

.contentAudit .btnPos {margin-top:35px;}
.contentAudit .btnPos .button--1 {margin-right:20px;}
.contentAudit .btnPos .button--1, .contentAudit .btnPos .button--2 {vertical-align: top;}
.contentAudit .blocActionEvent .dataTables_wrapper{overflow-x: auto; width: 100%;}

.contentAudit .btnPos .button--2, .contentPlanifAudit .btnPos .button--2 {padding: 3px 7px 2px;  vertical-align: top;}

.contentPlanifAudit .colAjoutAuditeur {width: 50%; float: left;}
.contentPlanifAudit .colAjoutAuditeur .labelTypeUn {width: 44%;}
.contentPlanifAudit .setupAudit {margin-top: 15px;}
.contentPlanifAudit .colAjoutAuditeur select, .contentPlanifAudit .colAjoutRole select {width: 50%;}
.contentPlanifAudit .colAjoutRole {width: 48%; float: left; margin-left:2%;}

.contentCreaAudit .tableStyle2 {table-layout: fixed;}
.contentCreaAudit .tableStyle2 .colActions {width: 26%; text-align:right;}
.contentCreaAudit .tableStyle2 .colNumbers {width: 12%; text-align:center;}
.contentCreaAudit .tableStyle2 .colNumbersUnderlined {width: 12%; text-align:center; text-decoration: underline}
.contentCreaAudit .tableStyle2 .colDrag {width: 5%; text-align:center;}
.contentCreaAudit .tableStyle2 .colTextA {width: 25%;}
.contentCreaAudit .tableStyle2 .colTextB {width: 44%;}
.contentCreaAudit .tableStyle2 .colNumRespDom {width: 25%;}
.contentCreaAudit .tableStyle2 a {color: #434343;}
.contentCreaAudit .tableStyle2 .icon-crayon {font-size:18px;}
.contentCreaAudit .blocActionEvent .dataTables_wrapper {overflow-x: auto; width: 100%;}
.contentCreaAudit .tabs .dataTables_wrapper {overflow-x: hidden!important; width: 100%;}
.contentCreaAudit .colCreaCategAudit {float:left; width:25%}
.contentCreaAudit .colCreaCategAudit label {display: none;}
.contentCreaAudit .colCreaCategAudit .champsCreaCateg {width:90%; padding: 8px 5px; }
.contentCreaAudit .blocChoiceCateg {margin: 15px 0 10px;}
.contentCreaAudit .choiceCateg {width: 20%;}
.contentCreaAudit .libellechoiceCateg {display: block; font-weight: bold;}
.contentCreaAudit .libellechoiceCateg span {font-style: italic}
.contentCreaAudit .blocNewLine {width: 60%; float: left;}
.contentCreaAudit .blocNewLine .errorMessage {margin: 0 0 2% 0; text-align: right;}
.contentCreaAudit .nameNewLine {width: 46%;}
.contentCreaAudit .libelleNewLine {width: 40%; padding: 5px 5px 5px 60px; font-weight: bold;font-size: 15px;}
.contentCreaAudit .colActions [class^="icon-"] {display: inline-block; vertical-align: middle; text-align: center; width:20px; height:20px; border-radius: 16px; margin-left:10px; padding: 5px; font-size: 20px;}
.contentCreaAudit .icon-dragdrop {display: inline-block; vertical-align: middle; text-align: center; font-size: 20px; color:#dedede;}
.contentCreaAudit .icon-dragdrop:hover {background-color: transparent; color:#dedede;}

.contentCreaAudit .btnAjout {float:right; margin-left: 5px; margin-bottom: 10px;}
.contentCreaAudit .btnAjout .icon-plus {display: inline-block; vertical-align: middle; text-align: center; color: white; width:16px; height:14px; border-radius: 11px; border: 1px solid white; padding: 3px 2px; margin-left: 5px; font-size: 14px;}
.contentCreaAudit .lineAjout {margin-top: 20px;}
.contentCreaAudit .lineAjout .colNumRespDom {width: 25%; margin: 10px 5px 10px 0; padding: 5px; font-size: 15px; font-weight: bold; vertical-align: middle;}

.contentCreaAudit .blocEnteteQuest {margin-bottom: 25px;}
.contentCreaAudit .enteteQuestCateg, .contentCreaAudit .enteteQuestDom {float:left; width: 25%; margin-bottom: 5px;}
.contentCreaAudit .enteteQuestCateg .choiceQuestCateg, .contentCreaAudit .enteteQuestDom .choiceQuestDom {width: 100%;}
.contentCreaAudit .enteteQuestDom {margin-left: 20px;}
.contentCreaAudit .blocTitreQuest {display: inline-block;}
.contentCreaAudit .blocTitreQuest .titreQuest {margin-right: 10px; width: auto; font-size: 15px; font-weight: bold;}
.contentCreaAudit .blocTitreQuest .chooseTitreQuest{width: 330px;}
.contentCreaAudit .blocTitreQuest .errorMessage{text-align: right; margin: 5px 0;}
.contentCreaAudit .blocTitreQuest + .icon-world {vertical-align: top; margin:3px 0 0 5px;}
.contentCreaAudit .commentBloc .commentZone {width: 98%; height:50px; padding: 1%}
.contentCreaAudit .telechargerDocAsso {margin-top: 10px;}
.contentCreaAudit .telechargerDocAsso .media_iframe {display:inline-block;}
.contentCreaAudit .actionsPosition {float: none; text-align:right; margin-bottom: 2px;}


/* GDL Mise en page traduction des champs */
.gdlMep { margin: 0; padding: 0 0 10px 0; position: relative; }
.gdlMep p { margin: 0; }
.gdlMep p.marginBottom10 { margin-bottom: 10px; }
.gdlMep label { width: 200px; margin: 10px 5px 10px 0; }

/*Pop Up Traduction*/
.contentPopUpTrad { position:relative; margin: 0; width: 800px;}
.contentPopUpTrad .formGenerikUn {padding-right:15px;}
.contentPopUpTrad #container_source_trad {margin-bottom: 20px;}
.contentPopUpTrad #container_source_trad select {margin-left: 0.5%;}
.contentPopUpTrad .tradItemContainer {margin-bottom: 10px;}
.contentPopUpTrad .tradItemContainer .button--1 {display: block; float:left; /*margin-top: 6px;*/}
.contentPopUpTrad .txtByLang {width: 80%; float: left;}
.contentPopUpTrad .txtByLang .errorMessage {margin: -5px 0 5px 28%;}
.contentPopUpTrad .txtByLang .labelTypeUn {width: 28%;}
.contentPopUpTrad .txtByLang .inputTextTypeUn {width: 65%;}
.contentPopUpTrad .contentPopin--scroll { max-height:195px; overflow-y: auto; margin-bottom: 15px; }

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #ccc;
    color: black;
    text-align: center;
    padding: 5px 0;
    margin-left: 5px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Popin partage alerte événement */
.popinAlertEvt {
  margin: 15px auto;
  width: 95%;
}
.popinAlertEvt .troisTiers {
  margin-bottom: 15px;
}
.popinAlertEvt label {
  display: inline-block;
  vertical-align: middle;
  width: 33.5%;
}
.popinAlertEvt .labelTextarea {
  vertical-align: top;
}
.popinAlertEvt .uniform.formGenerikUn input[type="text"],
.popinAlertEvt .uniform.formGenerikUn select,
.popinAlertEvt .uniform.formGenerikUn textarea {
  padding: 5px 10px;
  width: 66.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popinAlertEvt .uniform.formGenerikUn .select2-container input {
  padding: 5px 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.popinAlertEvt .uniform.formGenerikUn .select2-container {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.5%;
}

.popinAlertEvt textarea {
  resize: none;
  margin: 0;
}

span.jqBoTrad {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
    font-weight: 100;
    background-color: lightgray;
    padding: 2px;
    border-radius: 5px;
}

.oeil_clientnamelist {
    margin: 5px 0;
    position: relative;
    width: 50px;
}
.oeil_clientnamelist .oeilSiteDispo {
    display: none;
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top: -5px;
    left: 25px;
    z-index: 5;
    margin: 0;
    padding: 5px;
    width: 450px;
}
.oeil_clientnamelist .oeilSiteDispo ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#iterationList_wrapper {
    overflow-y: hidden;
}

.autosize {
    resize: none;
    overflow: hidden;
}

.plan-title {
    overflow: hidden;
    word-break: break-word;
}

div:has(p.plan-title) {
    overflow: hidden;
}

.search-type {
    display: flex;
}

.search-type > div {
    padding: 0 10px 5px;
}

/*
* Inline tooltip in label management
*/
div.libelle .tooltip {
  display: inline-block !important;
  position: relative;
  z-index: 1 !important;
}

.filterApplicableContent ,.select2-container .select2-choice > .select2-chosen {
    width: 445px !important;
}

/*
* Activate button for WalkMe
*/
.walkme-rol-activate-button {
    /* paste from inline style of div.walkme-launcher-container-id-1000019631 */
    position: relative;
    display:inline-block;
    float:left;
    zoom:1;
    cursor:pointer;
}
.walkme-rol-activate-button .walkme-rol-activate-button-label {
    /* paste from inline style of div.custom-launcher-1000015744 */
    position: absolute;
    display: inline;
    left: -160.117px;
    top: 14.5px;
    z-index: 2147483627;
    white-space: nowrap;

    font-family: "source_sans_probold", Arial, Helvetica, sans-serif;

    /* paste partially from css class custom-launcher-1000015744 */
    font-size: 16px;
    color: #1E0527;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0px;
    border-width: 1px;
    border-style: Solid;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
}

.walkme-rol-activate-button .walkme-rol-icon-image-div::before {
    content: "";
    position: absolute !important;
    font-family: "iconfont-hse" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* paste from css class .walkme-rol-icon-image-div::before */
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    width: 16px !important;
    height: 16px !important;
    margin: 0px 0px 0px -25px !important;
}

/*
* End Activate button WalkMe
*/