a.lien {
    color: #000000;
    text-decoration: none;
}

a:hover.lien {
    color: #FF8C00;
    text-decoration: underline;
}

.navigation {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #888888;
}

a.navigation {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #888888;
}

table.navigation {
    background-color: #E5E5E5;
    border-color: #FF8C00;
    border-style: solid;
    border-width: 0px;
}

table.information {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #888888;
    background-color: #FFFFFF;
    border-color: #FF8C00;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.action_workflow_on,.action_workflow_off,.action_navigation_on,.action_navigation_off,.action_modification_on,.action_modification_off
    {
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    cursor: hand;
}

td.action_workflow_on,td.action_workflow_off,td.action_navigation_on,td.action_navigation_off,td.action_modification_on,td.action_modification_off
    {
    border-style: solid;
    border-width: 1px;
    padding: 2px 5px 2px 5px;
}

input.action_workflow_on,input.action_workflow_off,input.action_navigation_on,input.action_navigation_off,input.action_modification_on,input.action_modification_off
    {
    border-style: solid;
    border-width: 1px;
    padding: 0px 5px 0px 5px;
}

/* IE */
* html input.action_workflow_on {
    width: 1%;
    overflow: visible;
}

* html input.action_workflow_off {
    width: 1%;
    overflow: visible;
}

* html input.action_navigation_on {
    width: 1%;
    overflow: visible;
}

* html input.action_navigation_off {
    width: 1%;
    overflow: visible;
}

* html input.action_modification_on {
    width: 1%;
    overflow: visible;
}

* html input.action_modification_off {
    width: 1%;
    overflow: visible;
}

.action_workflow_on {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
}

td.action_workflow_on,input.action_workflow_on {
    color: #FFFFFF;
    background-color: #FF8C00;
    border-color: #000000;
}

.action_navigation_on {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
}

td.action_navigation_on,input.action_navigation_on {
    color: #FFFFFF;
    background-color: #A0A0A0;
    border-color: #000000;
}

.action_modification_on {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
}

td.action_modification_on,input.action_modification_on {
    color: #FFFFFF;
    background-color: #FF8C00;
    border-color: #000000;
}

.action_workflow_off {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
}

input.action_workflow_off,td.action_workflow_off {
    color: #FFFFFF;
    background-color: #A0A0A0;
    border-color: #000000;
}

.action_navigation_off {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
}

td.action_navigation_off,input.action_navigation_off {
    color: #000000;
    background-color: #E5E5E5;
    border-color: #BBBBBB;
}

.action_modification_off {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
}

td.action_modification_off,input.action_modification_off {
    color: #000000;
    background-color: #FFE381;
    border-color: #FF8C00;
}

.gris {
    color: #888888;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
}

.gris_t {
    color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #DBDBDB;
    font-size: 10px;
    font-weight: bold;
    cursor: hand;
}

.titrebandeau {
    color: #000;
    text-align: center;
    font-size: 20;
    font-weight: lighter;
}

.ContextMenu {
    color: #000000;
    cursor: default;
    font: menutext;
    position: absolute;
    text-align: left;
    font-size: 11;
    background-color: #FFFFFF;
    border: 1 solid buttonface;
    visibility: hidden;
    border: 2 outset buttonhighlight;
}

.ContextMenuOver {
    color: #FFFFFF;
    font-size: 11;
    background: #888888;
}

.ContextMenuOut {
    color: #000000;
    font-size: 11;
    background: #FFFFFF;
}

.cfg_big {
    font-size: 13px;
    color: #FF9900;
    font-family: Arial, Verdana, Helvetica, sans-serif
}

.cfg {
    font-size: 11px;
    font-family: Arial, Verdana, Helvetica, sans-serif
}

.cfg_small {
    font-size: 9px;
    color: #FF9900;
    font-family: Arial, Verdana, Helvetica, sans-serif
}

.cfg_bandeau {
    background-color: #FFEEAA;
    font-size: 11px;
    color: #888888;
    font-family: Arial, Verdana, Helvetica, sans-serif
}

.cfg_texte {
    font-size: 11px;
    color: #888888;
    font-family: Arial, Verdana, Helvetica, sans-serif
}

a.cfg {
    color: #FF9900;
}

select.cfg {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #000000;
    background-color: #FFEEAA;
    height: auto;
    width: auto;
    border-color: #FF7F01;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    SCROLLBAR-FACE-COLOR: #888888;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFEEAA;
    SCROLLBAR-SHADOW-COLOR: #FF7F01;
    SCROLLBAR-3DLIGHT-COLOR: #FF7F01;
    SCROLLBAR-ARROW-COLOR: #FFEEAA;
    SCROLLBAR-TRACK-COLOR: #FFEEAA;
    SCROLLBAR-DARKSHADOW-COLOR: #888888;
}

input.cfg,input.cfg_on {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #000000;
    height: auto;
    width: auto;
    border-color: #FF7F01;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

input.cfg {
    background-color: #FFEEAA;
}

input.cfg_on {
    background-color: #FFFFFF;
}

textarea.cfg,textarea.cfg_on {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #000000;
    height: auto;
    width: auto;
    border-color: #FF7F01;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    SCROLLBAR-FACE-COLOR: #FF9900;
    SCROLLBAR-HIGHLIGHT-COLOR: #FFEEAA;
    SCROLLBAR-SHADOW-COLOR: #FF7F01;
    SCROLLBAR-3DLIGHT-COLOR: #FF7F01;
    SCROLLBAR-ARROW-COLOR: #FFEEAA;
    SCROLLBAR-TRACK-COLOR: #FFEEAA;
    SCROLLBAR-DARKSHADOW-COLOR: #FF9900;
}

textarea.cfg {
    background-color: #FFEEAA;
}

textarea.cfg_on {
    background-color: #FFFFFF;
}

.cfgch {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

.cfg0,.cfgonglet0 {
    background-color: #EEEEEE;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
}

.cfg1,.cfgonglet1 {
    background-color: #DDDDDD;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
}

.cfg2,.cfgonglet2 {
    background-color: #BBBBBB;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
}

.cfgL {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF9900;
    cursor: hand;
}

.cfg_titre {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #FFFFFF;
    font-style: normal;
    font-size: 13px;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    line-height: 15px;
}

.cfg_titre_small {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #FF9900;
    font-style: normal;
    font-size: 10px;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    color: #DDDDDD;
    line-height: 13px;
}

a.cfg_titre {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #FF9900;
    font-style: normal;
    font-size: 13px;
    font-weight: bold;
    color: #DDDDDD;
}

table.cfg_titre,table.cfg_titre_small {
    background-color: #DDDDDD;
    background-image: url(../../image/bt_bg.jpg);
    height: 20px;
}

.cfgt {
    border-color: #333333;
    border-style: solid;
    border-width: 0px;
    background-color: #888888;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}

.cfgt_v {
    border: 1px solid #333333;
    layout-flow: vertical-ideographic;
    background-color: #FF9900;
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
}

table.cfg {
    border-color: #888888;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

div.cfgonglet {
    border-color: #888888;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding: 1px 1px 1px 1px;
}

.cfgonglet_line_trl_out,.cfgonglet_line_trl_on,.cfgonglet_line_trbl_out,.cfgonglet_line_trbl_on,.cfgonglet_line_trl,.cfgonglet_line_rbl,.cfgonglet_line_b
    {
    background-color: #FFFFFF;
    border-color: #888888;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

td.cfgonglet_line_trbl_out {
    background-color: #FFEEAA;
}

td.cfgonglet_line_trbl_on {
    background-color: #BBBBBB;
    cursor: hand;
}

td.cfgonglet_line_trl_out {
    border-bottom-width: 0px;
    background-color: #FFFFFF;
    font-weight: bold;
}

td.cfgonglet_line_trl_on {
    border-bottom-width: 0px;
    background-color: #FFFFFF;
    cursor: default;
    font-weight: bold;
}

td.cfgonglet_line_trl {
    border-bottom-width: 0px;
}

td.cfgonglet_line_rbl {
    border-top-width: 0px;
}

td.cfgonglet_line_b {
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

iframe.tom {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 250;
    z-index: -1; /*Placer l'iframe en arrière-plan du div*/
    filter: mask(); /*Cacher l'iframe dans IE6*/
}

#lightbox {
    overflow: auto;
    background-color: #eee;
    margin: 5px;
    padding: 5px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666; /**/
}

#lightboxDetails {
    background-color: #fff;
    font-size: 0.8em;
    /*  border: 1px solid #000;*/
}

#closeButton {
    top: 0px;
    right: 0px;
}

#lightbox img {
    border: none;
    clear: both;
}

#overlay img {
    border: none;
}

#overlayIframe img {
    border: none;
}

#overlay {
    background-color: #333;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

#overlayIframe {
    background-color: #333;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

* html #overlay {
    background-color: #333;
    /*  back\ground-color: transparent;*/
    /*  background-image: url(image/blank.gif);*/
    /*  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/overlay.png", sizingMethod="scale");*/
}

* html #overlayIframe {
    background-color: #333;
    /*  back\ground-color: transparent;*/
    /*  background-image: url(image/blank.gif);*/
    /*  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="image/overlay.png", sizingMethod="scale");*/
}

.iframeAlbum {

}

.slideBdo {
    width: 100%;
    height: 245px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 5px;
    margin-right: 5px;
}

.listcomment{
    border-top:1px solid #CCCCCC;
    padding-bottom: 15px;
     background-color: #eee;
    border-radius: 10px;
    margin-top:10px;
    padding-left:5px;
    padding-right:5px;
}
.social ul {
    overflow: hidden;
    margin: 0;
    float: left;
}
.social ul li {
    float: left;
    list-style-type: none;
    border: none;
    padding: 0 10px 0 0 !important;
    margin:0 !important;
}

.facebook-social {
  
    background-color: rgba(0, 0, 0, 0) !important; 
    width: 25px;
    height: 25px;
   
     margin:0 !important;
     padding: 0 !important;
     box-shadow: none !important;
}
.aide-header {
   
    background-color: rgba(0, 0, 0, 0) !important; 
    width: 25px;
    height: 25px;
   
     margin:0 !important;
     padding: 0 !important;
     box-shadow: none !important;
}
.facebook-social img {
    margin-bottom:-5px;
}
.aide-header img {
    margin-bottom:-5px;
}

/* 
 * Classes pour les boutons de sélections
 * Il faudrait voir si cela ne devrait pas être remplacé par l'utilisation
 * de jQuery-UI mais je ne maitrise pas suffisament pour être sûr de ne pas
 * casser autre chose si j'y touche...
 */
.nbGalerie {
  text-align: center; /* Pour IE uniquement */
  width: 100%;  
}

.nbConteneur {
  display: table;
  margin: 0px auto;
}

 .newButton {
  line-height: 0.75;
}
  
.newButton .fas {
  line-height: inherit;
}
  
#select_origine .newButton {
  margin-top: .5em;
}

.newButton input {
  position: absolute;
  left: -9999px;
}

.newButton label {
  position: relative;
  display: block;
  float: left;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 1px #333333;
  margin-top: .1em;
  margin-left: -.2em;
  margin-right: .3em !important;
  padding: .5em;
  min-width: 2.5em;
  border: 3px solid #fff;
  border-radius: 100px;
  /*background-color: #ba9d9d !important;*/
  background-color: rgb(71,28,28) !important;
  background-image: none;
  box-shadow: 0 0 20px rgba(0, 0, 0, .3);
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
  font-size: 90%;
}

/* Pour le bouton ne contenant qu'un caractère graphique, on fixe
 * une taille minimum
*/
#typeTravail.newButton label {
  width: 3em;
}

.newButton label:hover, 
.newButton input:focus + label {
  box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

.newButton input:checked + label {
  /* Mes plus mieux bien belles couleurs que Cinoche n'aime pas : "background-color: #509b80;"  :P :D */
  /* background-color: #855a28 !important; 
  color: #2d161b !important; 
  background-color: #855a28 !important; */
  background-color: rgb(164,124,124) !important;
}
.for-big-screen {
    font-size: 0.75em !important;
}
.button-simple {
    float: left;
    width: 38px;
    text-align:center;
}

.button-collection {
    font-size: 1.5em ;
    background: white ;
    color: #786f6f;
   border: 0.02em solid;
   margin-bottom: -3px;
}
.button-collection:hover {
    background: #BBBBBB ;
}
.collection-select {
    color: #990000 !important;
}

/* Style the input container */
.input-container {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

/* Style the form icons */
.icon {
  padding: 10px;
  background: rgb(108,48,48);
  color: white;
  min-width: 30px;
  text-align: center;
}

/* Style the input fields */
.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid rgb(108,48,48);
}

/* Set a style for the submit button */
.btn {
  background-color: rgb(108,48,48);
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn:hover {
  opacity: 1;
}