html, body {
    height: 100%;
    color: #1F1F1F;
}


.form-control-feedback {
    color: red;
    position: absolute;
    bottom: -1.8rem;
    left: 1rem;
    text-align: left;
}


.visually-hidden, .input-password-toggle { display: none}

.form-control-feedback {
    display: none;
}


/* Je ne comprend pas pourquoi le br mais j'arrive pas a faire sans */
.breadcrumb\<br > li {
    display: inline-block;
    margin-top: 10px;
}

body {
    font-family: "Open Sans";
    font-size: 13px;
    display: flex;
    flex-direction: column;
}

.dropdown-toggle::after { display: none !important; }

/*** PREDEFINIE**/
*  { margin: 0; padding: 0; }
.item-page { margin-bottom: 50px;}
a { cursor: pointer;}
.item-page a { color: #7850DC; text-decoration: underline; }
.item-page a:hover { color: #2D2D5A; transition: all ease .4s; }
.blog a { color: #2D2D5A; }
.left { float:left; }
ul.tags { margin-left: -5px; }
ul.tags li a{ background-color: #EEEAFA !important; padding: 4px 8px; cursor: default !important; text-decoration: none; text-shadow: none;}
ul.tags li a, ul.tags li a:hover, ul.tags li a:focus { color: #1F1F1F; }
.tag-category ul { width: 100%; list-style: none; margin-left: 0; margin-top: 10px; }
.tag-category ul li a:before{ content:' - '; }
.container p { text-align: justify !important; }
.borderBottom { border-bottom : 1px solid grey; }
.pagination .counter { display: none; }
.pagination-active { background-color: #2D2D5A !important; color: #fff; }
.pagination ul { font-family: "Palanquin",sans-serif; }
.justify { text-align: justify; }
.hidden { visibility: hidden; display: inline-block !important;; }
.m0 { margin: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px;}
.mr0 { margin-right: 0;}
.mr10 { margin-right: 10px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt80 { margin-top: 80px;}
.mt100 { margin-top: 100px;}
.mt125 { margin-top: 125px !important;}
.pl70 { padding-left: 50px; }
.bottom-33 { bottom: -33px; }
.p0 { padding: 0; }
.pr0 { padding-right: 0; }
.pl0 { padding-left: 0; }
.ml15 { margin-left: 15px; }
.ml25 { margin-left: 25px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.w100 { width: 100%; }
.mtbAuto { margin-top: auto; margin-bottom: auto; }
.element-invisible {visibility: hidden;}
input::placeholder {color: #999 ;}
/*input{ margin-top: 0  !important; margin-bottom: 0 !important; height: 30px !important; }*/
.breadcrumb {padding-left: 0px;}
div.login label { line-height: 20px; }
label { line-height: 30px; }
.btncopil { border-radius: 0 !important;}
#header .row, #header .col-md-12 { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}

.bold { font-weight: bold; }
#fil-aria { background-color: #cecdce; }
#fil-aria a { color: #000; }
#fil-aria .divider {margin-right: 5px; margin-left: 4px;}
#fil-aria li:before {content: '' !important; }

.breadcrumb { margin: 0; background-color : #cecdce}
.breadcrumb > li > .divider { color: #000; }
.breadcrumb > .active { color : #000; }
.label-info, .badge-info { background-color: #7850DC}
.element-invisible { display: none;}
#contenu_modifiable .page-header { border-bottom: 0; background: url(../images/filet-titre.png) no-repeat bottom left; padding-bottom: 30px; margin-top: 0;  margin-bottom: 20px; }
#contenu_modifiable .blog .page-header { border-bottom: 0; background: none; margin-top: 0; padding-bottom: 10px; margin-bottom: 5px}
#contenu_modifiable .blog .readmore { border-bottom : 1px dotted grey; padding-bottom: 25px; margin-bottom: 20px; width: 100%;}
#contenu_modifiable .blog .blog-intro { padding-bottom: 40px !important; }
#contenu_modifiable .page-header h2 {font-weight: 400; font-size: 20px; margin: 0; line-height: normal; color: #2D2D5A; letter-spacing: 0.1rem; font-weight: bold; font-family: "Palanquin",sans-serif;}
#contenu_modifiable .wf_file_text a, #contenu_modifiable .ui-widget-content a { color: #7850DC; }

.readmore .btn {background: transparent; padding: 0; border: none !important; box-shadow: none;}
div[itemprop='articleBody'] .lien_a_remplacer { display: none; }
div[itemprop='articleBody'] td.intro_article { vertical-align: middle !important; }
div[itemprop='articleBody'] .blog-intro { margin-bottom: 15px; }
.intro_article { font-size: 14px; }

/****** logo *****/
#block-opco-atlas-logo {
    position: absolute;
    width: 15.5em;
    padding: 130px 0 35px 0;
    text-align: center;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0 0 0.6rem 0.6rem;
    z-index: 1000;
    margin-left: -39px;
}


/**** ACCORDION ****/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #735aaf;
    background: #7850dc;
}

.ui-accordion h4.ui-accordion-header { margin-top: 5px; outline: none !important; }
.accordion h4.ui-accordion-header { border-radius: 5px 5px 0 0!important; }

/*** STYLE BOuton***/
.btn { border-radius: 0 !important;}
.btn-primary {  background-color: #7850DC !important; color: #fff;background-image: none;border: 0; }
.btn-primary:hover {  background-color: #6243dc;}

table.tableau {
    width: 100%;
    margin-top: 5px;
}

table.tableau th {
    background-color: #c5c5c5;
}

table.tableau td, table.tableau th {
    border: 1px solid grey;
}

/**** USER Module ****/
#user .login > a {
	display: inline-block;
	margin-top: 9px;
	color: #000;
}

#header login-form {margin:0;}
#header .login { min-width: 176px; border-bottom: 1px solid #4d4d4d;  border-top: 0; border-left: 0; border-right: 0; margin-top: 42px; padding-bottom: 5px;}
#header .login, .login button { font-size: 14px; }
#header .logout-button { float: right;}

/*** login page ***/
div.container div.login { margin-top: 20px; } 

/****JEVENT Module ****/
.jmoddiv h3 { margin: 0; }

/**** ADMINISTRATION ***/
#adminForm{  border: 0px; }
.wf-editor-tabs { background-color: #e3d9d9; }
#editor-xtd-buttons{ display: none; }
.contentpane .hr-condensed{ margin: 24px 0; }
.tooltip { margin-top: 20px; background-color: #fff; }
.wf-editor-container { z-index: 999; }
.dropdown-toggle { margin-bottom: 5px;}
.gsl-content { padding-bottom: 10px; }
.icons .btn-group.pull-right button { top: -20px; }
.btn-group { height: 10px; }
.jevbootstrap .action_dialogJQ.modal { max-height: 262px;}
/* #jevents .jev_sed input { height: 33px !important; } */
.gsl-scope .gsl-button { font-size: 14px; }

/****MODULE GAUCHE****/
[class^="moduletable"] {
	width: 250px;
   
}

[class^="moduletable"] {
   margin-bottom: 15px;
   border-radius: 5px;
}
 
[class^="moduletable"] h3 {
	font-weight: bold;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 5px 7px 0;
	font-size: 20px;
	margin: 0;
	line-height: normal;
	color: #2D2D5A; 	
	font-family: "Palanquin",sans-serif;
}

.moduletable-filtre-actu  li {
	width: 100%;
}

.moduletable-filtre-actu  li.active a, .moduletable-filtre-actu  li.active a:hover{
	background-color: #7850DC;
}

.moduletable-filtre-actu  li.active a {
	color: #fff;
}

.moduletable-filtre-actu  li a{
	color: #2D2D5A;
}

/* Large desktop */
@media (min-width: 1200px) {
	.container, #contenu_modifiable, #header, #footer { min-width: 1200px; }
	.container-fluid { max-width: 1200px; margin: auto;}
     #block-opco-atlas-logo { padding: 105px 0px 12px 0px; }
    
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 1200px) {
    #block-opco-atlas-logo { padding: 10px 0px 10px 18px; }
	.login .form-horizontal .control-label { text-align: left; }
	.login .form-horizontal .controls { margin-left: 0 !important; }
	
}

@media (max-width: 1200px) {
	[class^="moduletable"] { width: 190px; }		
}

@media (max-width: 780px) {
	#block-opco-atlas-logo { display: block; position:relative; margin: 0 auto !important; }
	#user { width: 100%; margin: 0; }
	#user form { width: 76%; margin: 0 auto !important;}
	.container-fluid { padding: 0 20px;}
	#bloc-modules, #bloc-composant, #logo { width: 100%; }
	[class^="moduletable"] { width: 100%; }
	#bloc-composant { overflow: scroll; }
		
	
}