/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent } body {line-height:1 } ol, ul {list-style:none } blockquote, q {quotes:none } blockquote:before, blockquote:after, q:before, q:after {content:''; content:none } :focus {outline:0 } ins {text-decoration:none } del {text-decoration:line-through } table {border-collapse:collapse; border-spacing:0 } .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 } .clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0 } .clearfix {display:inline-block } * html .clearfix {height:1% } .clearfix {display:block } th, td {margin:0; padding:0 } table {border-collapse:collapse; border-spacing:0 } .clear {clear: both; } br {line-height: 10px; } input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border : 0px; } input[type="submit"]:focus, input[type="button"]:focus {outline : none; } ::selection {background: #DBFFD8; /* Safari */ color: #555555; } ::-moz-selection {background: #DBFFD8; /* Firefox */ color: #555555; } 

/*-----------------------------------------------------------------------------------*/
/*	GLOBAL
/*-----------------------------------------------------------------------------------*/
.center  { text-align: center; }
.justify  { text-align: justify; }
.txt-left { text-align: left; }
.left  { float: left; }
.right  { float: right; }
.no-float { float:none !important; }
.clearer  { clear: both; width: 100%; }
.hidden { display:none; }
.inline-block { display: inline-block; }
.block { display: block; }

/* Size */
.h1px { height: 1px; }
.max_w { width: 100%; }
.max_h { height: 100%; }

/* Main colors */
.green {color:#54DD21;}
.blue {color:#0D74B9;}
.orange {color:#fc6805;}

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
html
{
    width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.2px;
    color: #4d4d4d;
    width: 100%;
}
input,
select,
textarea {
    background-color: #ddd;
	/*background: rgba(0, 0, 0, 0.25);*/
    border: none;
    color: #222;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 21px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    width: 100%;
}
optgroup, option {
    background: #bbb;
}
optgroup {
    font-weight: bold;
}
input:focus,
select:focus,
textarea:focus {
    background: rgba(0, 0, 0, 0.40)
}
p {
    margin-bottom: 20px
}
a {
    color: #fc6805;
	font-weight: bold;
	font-size: 10px;
	/*color: #65817a; */
    text-decoration: none;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
}
a:hover {
    color: #86aca3
}
a.more {
    margin-bottom: 20px;
    display: inline-block;
    line-height: 1;
}
a.date_inscr
{
    font-weight: bold;
    font-size: 12px;
}
div.button,
a.button,
form .button-row input[type="submit"],
#commentform input#submit {
    font-family: 'Open Sans Condensed', sans-serif;
   /* background: #f2f2f2 url(../img/button.png) repeat-x; */
   background-color: #54DD21;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 14px;
    padding: 0px 18px;
    margin: 0 8px 0 0;
    display: inline-block;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    cursor: pointer;
    margin-bottom: 20px;
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    width: auto;
    border: none;
    font-weight: bold;
}
div.button.search
{
    display: inline-block;
}
div.button.search,
a.button.filter
{
    background-color: #54DD21;
}
a.button,
div.button
{
    background-color: #0879B1;
}
a.button.nav
{
    background-color: #fc6805;
}
form .button-row input[type="submit"].grey {
	background-color: #BFBFBF;
}
form .button-row input[type="submit"].red {
    background-color: #e25125;
    color: #fff;
}
form .button-row input[type="submit"].green {
    background-color: #54DD21;
    color: #fff;
}
a.button.blue {
    background-color: #5f9cb8;
    color: #2d444e;
}
a.button.pink {
    background-color: #b55fb8;
    color: #443144;
}
a.button.purple {
    background-color: #635fb8;
    color: #313045;
}
a.button.yellow {
    background-color: #ac9757;
    color: #433f32;
}
a.button.red {
    background-color: #E25125;
    /*color: #4a3232;*/
}
div.button.search,
a.button.search
{
    padding: 0px 4px;
}
div.button.search input,
a.button.search input,
a.button.filter select
{
    width: auto;
    background: #93ED6F;
    color: #000;
    position: relative;
    top: -1px;
    padding-left: 6px;
}
/*-----------------------------------------------------------------------------------*/
/*	a.button.green {
    background-color: #5ca980;
    color: #2b4638;
}
/*-----------------------------------------------------------------------------------*/

a.button.grey {
	background-color: #BFBFBF;
}
a.button .fa {
    margin-right: 5px;
    margin-left: 5px;
}

.wrapper table td.actions
{
    text-align: left;
    padding-left: 10px;
}

.actions a.button 
{
    margin: 3px 1px;
    height: auto;
    line-height: 14px;
    padding: 5px 4px;
    background-color: #0879B1;
}
.actions a.button.delete,
.actions a.button.cancel
{
    background-color: #991813;
}
.actions a.button.finish
{
    background-color: #54DD21;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #4d4d4d;
    margin-bottom: 20px;
}
h1 {
    font-size: 24px;
    line-height: 26px;
}
h2 {
    font-size: 18px;
    line-height: 20px;
}
h3 {
    font-size: 14px;
    line-height: 16px;
}
h4 {
    font-size: 18px;
    line-height: 20px;
}
h5 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
h6 {
    font-size: 14px;
    line-height: 18px;
}
h2.title {
    font-size: 15px;
    letter-spacing: 0.4px;
    line-height: 21px;
    margin-bottom: 10px;
}
h1.title a,
h2.title a {
    color: #dedede
}
.title a:hover {
    color: #86aca3
}
ul {
    margin-bottom: 20px;
    list-style-type: circle;
    list-style-position: inside;
}
ul li {
    padding: 0;
    margin: 0;
}
ol {
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 20px;
}
ol li {
    padding: 0;
    margin: 0;
}
hr {
    border: none;
    background: transparent url(../img/line.png) repeat-x;
    height: 3px;
    margin-top: 30px;
    margin-bottom: 20px;
}
.request-validation hr
{
    border-bottom: 1px dotted #888;
}
.header {
    width: 1024px;
    margin: 0 auto;

    text-align: center;
}
.wrapper {
    width: 1024px;
    margin: 0 auto;
}
.wrapper table {
	width: 100%;
}
.wrapper table td {
	border: 1px solid #888888;
	text-align: center;
}
.wrapper table tr.header {
	background-color: #69BD49;
    color: #fff;
    font-weight: bold;
}
.wrapper table tr.header .fa {
    position: relative;
    margin-left: 5px;
    cursor: pointer;
}
.wrapper table tr.header .fa.active
{
    color: #555;
}
.wrapper table tr.header .fa-sort-up {
    top: 3px;
}
.wrapper table tr.header .fa-sort-down {
    top: -3px;
}
.header-wrapper {
    background: #fff;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.55), inset 0 -1px 0 rgba(255,255,255,0.09);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.55), inset 0 -1px 0 rgba(255,255,255,0.09);
    box-shadow: 0 1px 0 rgba(0,0,0,0.55), inset 0 -1px 0 rgba(255,255,255,0.09);
    position: relative;
    z-index: 101;
}


.intro {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-style: italic;
}
.intro img {
	display: inline-block;
}
#navigation {
    background: rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
#navigation a {
    color: #dedede;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#navigation a:hover {
    color: #86aca3
}
#navigation .nav-previous .meta-nav-prev {
    float: left;
    padding: 10px 20px;
}
#navigation .nav-next .meta-nav-next {
    float: right;
    padding: 10px 20px;
}
#navigation:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.blog-grid {
    visibility: hidden
}
.loading {
    background: transparent url(../img/loading.gif) no-repeat 50% 20px;
    opacity: 0.44;
}
.outer {
    display: inline-block;
    zoom: 1;
    max-width: 100%;
    line-height: 0;
}
.outer:before,
.outer:after {
    display: table;
    content: "";
}
.outer:after {
    clear: both
}
.outer span.inset {
    display: inline-block;
    position: relative;
    max-width: 100%;
    pointer-events: none;
    line-height: 0;
}
.outer span.inset img {
    pointer-events: auto
}
.outer span.inset:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    -webkit-box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    box-shadow: inset 0 0 1px 0 rgba(255,255,255,0.7);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.outer span.inset:before {
    left: 0
}
.outer.left {
    float: left;
    margin-right: 20px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
.outer.right {
    float: right;
    margin-left: 20px;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
.outer.none {
    margin-bottom: 20px
}
.main-image {
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
    line-height: 0;
    background: rgba(0, 0, 0, 0.44);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
}
.main-image img {
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
}
.alignleft {
    float: left;
    display: block;
    margin-right: 20px;
}
.alignright {
    float: right;
    display: block;
    margin-left: 20px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.dropcap {
    display: block;
    float: left;
    font-size: 45px;
    padding: 0;
    margin: 0;
    margin: 10px 8px 0 0;
    text-transform: uppercase;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}
.lite1 {
    color: #86aca3;
    border-bottom: 1px dotted #86aca3;
}
.lite2 {
    border-bottom: 1px dotted #86aca3
}

.errors
{
	list-style-type: none;
}
.download-box,
.warning-box,
.info-box,
.note-box {
    clear: both;
    margin: 0 0 20px 0;
    text-shadow: none;
    padding: 15px;
    line-height: 17px;
}
.info-box {
    background: #e25125;
    border: 1px solid #86a2bf;
    color: #26415c;
}
.warning-box {
    background: #e25125;
    border: 1px solid #bf8686;
    color:#420502;
    text-align: center;
}
.download-box {
    background: #77a984;
    border: 1px solid #86bf9d;
    color: #2e4534;
}
.note-box {
    background: #cbcc79;
    border: 1px solid #e7e88c;
    color: #47451b;
}
/*-----------------------------------------------------------------------------------*/
/*	COLUMNS
/*-----------------------------------------------------------------------------------*/
.one-half {
    width: 48%
}
.one-third {
    width: 30.66%
}
.two-third {
    width: 65.33%
}
.one-fourth {
    width: 22%
}
.three-fourth {
    width: 74%
}
.one-fifth {
    width: 16.8%
}
.two-fifth {
    width: 37.6%
}
.three-fifth {
    width: 58.4%
}
.four-fifth {
    width: 67.2%
}
.one-sixth {
    width: 13.33%
}
.five-sixth {
    width: 82.67%
}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
    position: relative;
    margin-right: 2%;
    float: left;
}
.last {
    margin-right: 0 !important;
    clear: right;
}
.column-wrapper {
    overflow: hidden;
    width: 100%;
}
/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/
.menu {
    list-style: none;
    position: relative;
    z-index: 1001;
    padding: 10px 0px 30px 20px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
	margin-bottom: 15px;
}
.menu ul {
    margin: 0;
    list-style-type: none;
    position: relative;
    overflow: inherit;
}
.menu ul li {
    position: relative;
    float: left;
    background: none;
    padding-right: 15px;
    margin-right: 15px;
}
.menu ul li.right {
	float: right;
}
.menu ul li.red a {
    color: #bf8686;
}
.menu ul li.red a:hover {
    color: #a97777;
}
.menu ul li a {
    display: block;
    text-decoration: none;
    line-height: 1;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    letter-spacing: 0.4px;
    color: #4d4d4d;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    padding: 0;
    font-weight: bold;
}
.menu ul li.active a,
.menu ul li a:hover {
    color: #86aca3
}
.menu ul li.active li a {
    color: #dedede
}
.menu ul li ul {
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden;
    width: 160px;
    padding: 16px 0 0 0;
}
.menu ul li ul ul {
    padding: 0;
}
.menu ul li ul li {
    display: list-item;
    float: none;
    background-color: #0879b1;
    padding: 0 15px;
    margin: 0;
}
.menu ul li ul li:first-child {
    background-image: none
}
.menu ul li ul li ul {
    top: 0
}
.menu ul li ul li a {
    margin: 0;
    border: none;
    padding: 13px 0;
    line-height: 1;
    font-size: 13px;
	color: #fff;
    background-image: url(../img/line.png);
    background-repeat: repeat-x;
    background-position: left top;
}
.menu ul li ul li:first-child a {
    background: none
}
.menu ul li ul li a:hover {
    color: #86aca3
}
* html .menu {
    height: 1%
}
.selectnav {
    display: none;
    width: 280px;
    margin: 0 auto;
}
/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/
form {
    position: relative;
    padding: 0;
    width: 100%;
}
.form-container .response {
    color: #58a267;
    display: none;
    margin: 0 0 15px 0;
}
form ol {
    margin: 0;
    padding: 0;
}
form ol li {
    line-height: auto;
    list-style: none;
}
form li.form-row {
    margin-bottom: 20px
}
form li.hidden-row {
    display: none
}
form ol input,
form ol select,
form ol textarea,
#commentform input,
#commentform textarea {
    padding: 7px 10px;
    height: 35px;
}

form ol input[type="radio"],
form ol input[type="checkbox"]
{
    height: 15px;
    display: inline-block;
    width: 15px;
    position: relative;
    top: 3px;
    margin-right: 15px;
}
form ol textarea,
#commentform textarea {
    min-height: 200px;
    padding: 10px;
    resize: vertical;
}
form li.error input,
form li.error textarea {
    border: 1px solid #6a3333
}
form span.error {
    display: none
}
form .button-row span.error {
    padding: 0;
    display: none;
}
form label {
    display: block;
    margin-bottom: 5px;
}
#commentform label {
    display: inline-block;
    margin-bottom: 5px;
}
.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.searchform input {
    padding: 8px 10px;
    margin-bottom: 20px;
}
.form-allowed-tags {
    display: none
}
form br {
    display: none
}
/*-----------------------------------------------------------------------------------*/
/*	BLOG GRID
/*-----------------------------------------------------------------------------------*/
.blog-grid.masonry {
    overflow: inherit !important
}
.box {
    margin: 0 0 30px 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.44);
    padding: 20px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.content.box,
#comment-wrapper.box,
.sidebar.box {
    margin: 0
}
/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
.footer-wrapper {
    background-color: #001529;
    margin-top: 60px;
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.09);
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.09);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.09);
}
#footer {
    width: 1010px;
    margin: 0 auto;
    padding: 25px 0;
    overflow: hidden;
}
/* Two Footer Widget Areas */
#footer.two .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 48.1%;
}
#footer.two .widget-area + .widget-area {
    margin-right: 0
}
/* Three Footer Widget Areas */
#footer.three .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 30.85%;
}
#footer.three .widget-area + .widget-area + .widget-area {
    margin-right: 0
}
/* Four Footer Widget Areas */
#footer.four .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 22.2%;
}
#footer.four .widget-area + .widget-area + .widget-area + .widget-area {
    margin-right: 0
}
#footer h3 {
    font-size: 15px;
    margin-bottom: 15px;
}
.site-generator
{
	text-align: center;
}
#footer a,
.site-generator a {
    color: #b9b9b9
}
#footer a:hover,
.site-generator a:hover,
#footer .post-list a:hover {
    color: #86aca3
}
.site-generator-wrapper {
    background: rgba(0, 0, 0, 0.55);
    overflow: hidden;
}
.site-generator {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
.site-generator p {
    padding: 0
}


/*-----------------------------------------------------------------------------------*/
/*  JQUERY UI
/*-----------------------------------------------------------------------------------*/

h3.inscrit {
background-color:#54DD21; 
color:#fff; 
padding: 5px;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default 
{
    background: #eee;
    color: inherit;
    border: none;
}
.ui-widget-content {
    border: none;
    background: #fff;
    color: inherit;
}
.ui-widget-content a {
    color: inherit;
}

.ui-widget-content table a.button {
    color: #fff;
}
.ui-widget-content table a.button:hover {
    color: #383838;
}
.ui-widget-content table a
{
    color: #65817a;
}
.ui-widget-content table a:hover
{
    color: #86aca3;
}

.ui-widget-content.ui-dialog {
    background: rgba(50, 60, 70, 0.9);
}

.fa-warning {
    color: #BE1118;
    margin-right: 15px;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: inherit;
    border: none;
}

.ui-tooltip-content {
    color: inherit;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.ui-tooltip-content a {
    color: #65817a;
}

.ui-tooltip.ui-widget-content {
    background: #4E85C5;
    color: #fff;
}

.ui-autocomplete {
    background: #eee;
}
.ui-widget-content.ui-dialog
{
    background: #fff;
}
.custom-combobox {
    border: 1px solid #eee;
    position: relative;
    display: inline-block;
    width: 95%;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    width: 6%;

}
.custom-combobox-toggle .ui-icon {
    background-image: url("images/ui-icons_454545_256x240.png");
}
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
    border: none;
}

h2.ui-helper-reset
{
    font-size: 22px;
}

/*-----------------------------------------------------------------------------------*/
/*  FULLCALENDAR
/*-----------------------------------------------------------------------------------*/
.fc .fc-event.old_session 
{
    border: 1px solid #888;
    background-color: #888;
} 

.fc-event.past_session 
{
    opacity: 0.7;
}

.fc-past
{
    cursor: no-drop;
    background: rgba(0, 0, 0, 0.3);
}
.fc-future
{
    
    cursor: copy;
}

.pages-sessions-calendar .ui-widget-content a
{
    color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*  INDEX
/*-----------------------------------------------------------------------------------*/

#trainings
{
    background: #fff;
}
#trainings p
{
    width: 100%;
}
.training h2
{
    padding: 5px 0;
    padding-left: 10px;

    color: #141A2B;
    background-color: rgba(255,255,255,0.8);
}

.training h3
{
    margin-bottom: 0px;
}

.ask{
    float: left;
    margin-left: 8px;
    width: 180px;
    padding: 10px 10px;
	margin:3px;
    background-color: #8F8A8A;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
}

#sessions
{
    width: 100%;
}

#sessions .session
{
    float: left;
    margin-left: 8px;

    width: 180px;
    padding: 10px 0;
	margin:3px;
    background-color: #54DD21;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#sessions .session .date
{
    /*color: #538a24; */
    font-weight: bold;
    font-size: 14px;
	margin:auto;
}
#sessions .session .date span
{
    font-size: 10px;
}
#sessions .session a
{
    /* color: #538a24; */
}
#sessions .session .content
{
    font-family: 'Open Sans', sans-serif;
    /* color: #538a24; */
}

#sessions .session.full
{
    background-color: rgba(255,255,255,0.4);
}
#sessions .session.full .date
{
   /* color: #252525; */
}
/*-----------------------------------------------------------------------------------*/
/*  INDEX
/*-----------------------------------------------------------------------------------*/
#session-form span
{
    display: inline-block;
    margin-bottom: 15px;
}
/*-----------------------------------------------------------------------------------*/
/*  SESSION ADD
/*-----------------------------------------------------------------------------------*/
.pages-sessions-add .warning
{
    border: 2px solid #ee5555;
    padding: 5px;
}

.pages-sessions-add ol ul
{
    list-style-type: square;
    margin-left: 20px;
}

.pages-sessions-add ol ul li
{
    list-style: inherit;
}

/*-----------------------------------------------------------------------------------*/
/*  SESSION TABLE
/*-----------------------------------------------------------------------------------*/
.pages-sessions-table .reminder
{
    color: #999;
}

/*-----------------------------------------------------------------------------------*/
/*  CORRESPONDENT VIEW
/*-----------------------------------------------------------------------------------*/
.correspondent-view table { margin-bottom: 25px; }
.correspondent-view table .user { width: 200px; }
.correspondent-view p { width: 75%; }

.legende
{
    position: absolute;
    top: 20px;
    right: 20px;
    border-color: grey;
    border-width: 1px;
    border-style: dotted;
    padding: 10px;

}
.legende div
{
    float: right;
}
.legende div + div
{
    margin-right: 15px;
}
.legende h3, .legende600 h3
{
margin-bottom: 3px;
}

.reqs .fa-question-circle,
.reqs .fa-bars
{
    color: #EDCD19;
}
.reqs .fa-check-circle,
.reqs .fa-graduation-cap
{
    color: #67CF1A;
}
.reqs .fa-times-circle
{
    color: #991813;
}
.reqs .fa-exclamation-circle
{
    color: #357CFF;
}

.legende .btns .fa
{
    color: #0879B1;
}
.legende .btns .fa-trash,
.legende .btns .fa-calendar-times-o
{
    color: #991813;
}
.legende .btns .fa-graduation-cap
{
    color: #67CF1A;
}
.requests-helper .reqs
{
    height: 38px;
    margin: 0;
    table-layout: auto;
}
.requests-helper .reqs td
{
    border: none;
}
.requests-helper .reqs .req
{
    width: 10px;
}
.requests-helper .reqs .date_sess
{
    text-align: left;

    width: 135px;
    font-weight: bold;
}
.requests-helper .reqs .date_status
{
    text-align: left;

    font-size: 10px;
    width: 135px;
}

.requests-scrolling table
{
    width: auto;
    table-layout: fixed;
}
.requests-scrolling td
{
    width: 180px;
    height: 50px;
}

.requests-scrolling .requests-scroll
{
    width: 824px; 
    overflow-x: scroll;
}
.requests-scrolling .requests-scroll .header td
{
    width: 164px;
    height: 50px;
}
.requests-scrolling .requests-scroll td
{
    height: auto;
    width: auto;
}
.requests-scrolling .requests-scroll .requests-helper .reqs
{
    height: 50px;
    width: 100%;
}

.requests-scrolling .requests-user
{
    width: 110px;
}

.requests-scrolling .requests-count
{
    width: 50px;
}

.requests-scrolling.big .requests-scroll
{
    width: 874px; 
}
.requests-scrolling.big .requests-scroll .header td
{
    width: 219px;
}



/*-----------------------------------------------------------------------------------*/
/*  USER COURSE VIEW
/*-----------------------------------------------------------------------------------*/
.pages-users-course h3
{
    margin-bottom: 0px;
}
/*-----------------------------------------------------------------------------------*/
/*  CORRESPONDENT VIEW
/*-----------------------------------------------------------------------------------*/
.pagination
{
    margin-top: 20px;
    
    text-align: center;
}
.pagination li
{
    display: inline-block;
}
.pagination li + li
{
    margin-left: 10px;
}

/*-----------------------------------------------------------------------------------*/
/*  SESSIONS TABLE
/*-----------------------------------------------------------------------------------*/
.sessions-table .old-session td.text
{
    background-color: #f4f4f4;
    color: #999;
    font-style: italic;
}
.sessions-table .old-session td.text .vert
{
    color: #999;
}
.sessions-table .prepare
{
    background-color: #eee;
}
.sessions-table .open
{
    background-color: #FBAD00;
}
.sessions-table .canceled
{
    background-color: #aaa;    
}
.sessions-table .ok
{
    background-color: #54DD21;
}
.sessions-table .finished
{
    
}


.session-data
{
    display: inline-block;
    padding: 10px;
    border: 1px dotted grey;
}
.session-data a
{
    margin: 0;
}
/*-----------------------------------------------------------------------------------*/
/*  DASHBOARD
/*-----------------------------------------------------------------------------------*/
.dashboard .dashboard-line tr
{
    height: 42px;
}
.dashboard .dashboard-line td
{
    vertical-align: center;
    text-align: left;
    border: none;
}
.dashboard .dashboard-line td .fa
{
    font-size: 20px;
}
.dashboard .dashboard-line td.ico
{
    text-align: center;
    width: 40px;
}
.wrapper .dashboard table tr.header
{
    background-color: #e5e8e3;
    color: #4d4d4d;
}
.wrapper .dashboard table tr.header .fa
{
    position: relative;
    top: 2px;
}
/*-----------------------------------------------------------------------------------*/
/*  QUIZ
/*-----------------------------------------------------------------------------------*/
.pages-quiz h2
{
    position: relative;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: normal;
    letter-spacing: 0.200000002980232px;
    background: #eee;
    padding: 10px;
    padding-left: 35px; 
}
.pages-quiz h2 img
{
    height: 25px;
    position: absolute;
    left: 5px;
    top: 8px;
}

.pages-quiz .question
{
    padding-left: 5px;
}
.pages-quiz .question p
{
    line-height: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

.pages-quiz ul li input
{
    width: 15px;
}

.pages-quiz ul li span
{
    float: right;
    height: 21px;
}

/*-----------------------------------------------------------------------------------*/
/*  EMPLYEES IMPORT
/*-----------------------------------------------------------------------------------*/

#employees.import .import_over
{
    padding: 10px;
    background-color: #efefef;
}

#employees.import .import_over p,
#employees.import .import_over ul
{
    margin-bottom: 5px;
}

#employees.import .import_over ul
{
    width: 450px;
    margin-left: 20px;
}
#employees.import .import_over ul ul
{
    width: 450px;
    margin-left: 40px;
}

#employees.import .import_over h2
{
    background-color: #54DD21;
    color: #efefef;
    padding: 3px;
}

/*-----------------------------------------------------------------------------------*/
/*  COURSES IMPORT
/*-----------------------------------------------------------------------------------*/

.pages-mangaia-import_courses ul.import_errors
{
    width: 450px;
    margin-left: 40px;
}

.pages-mangaia-import_courses .import_title
{
    background-color: #54DD21;
    color: #efefef;
    padding: 3px;
}

/*-----------------------------------------------------------------------------------*/
/*  Gestion des mais
/*-----------------------------------------------------------------------------------*/

.pages-texts-mails .ui-accordion .ui-accordion-header
{
    font-size: 16px;
    font-weight: bold;
}

.pages-texts-mails .ui-accordion .ui-accordion-header.ui-state-active
{
    color: #69BD49;
}

.pages-texts-mails .mails-configuration input
{
    position: relative;
    left: -4px;
}

.pages-texts-mails .mails-configuration .fa-user
{
    color: #12B212;
}

/*-----------------------------------------------------------------------------------*/
/*  Configuration
/*-----------------------------------------------------------------------------------*/

.pages-mangaia-configuration .path-structure p
{
    margin-bottom: 5px;
}
.pages-mangaia-configuration .path-structure ul
{
   padding-left: 20px;
}
/*-----------------------------------------------------------------------------------*/
/*  RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-device-width : 800px)
{
    .wrapper, 
    .header-wrapper, 
    .footer-wrapper
    {
        width: 800px;
    }
    .header
    {
        width: 100%;
    }
    .header img
    {
        width: 608px;
    }
    #backstretch,  #backstretch img
    {
        width: 800px !important;
    }

    /* .pages-requests-manager */
    .pages-requests-manager .wrapper, 
    .pages-requests-manager .header-wrapper, 
    .pages-requests-manager .footer-wrapper,
    .pages-requests-manager .header,
    .pages-requests-manager .header img
    {
        width: 100%;
    }

    /* .pages-connect */
    .pages-connect .wrapper, 
    .pages-connect .header-wrapper, 
    .pages-connect .footer-wrapper,
    .pages-connect .header,
    .pages-connect .header img
    {
        width: 100%;
    }
}
@media only screen  and (min-width : 801px) and (max-device-width : 1023px)
{
    .wrapper, .footer-wrapper, .header-wrapper
    {
        width: 1024px;
    }
}
@media only screen  and (min-width : 1024px)
{
    .wrapper
    {
        width: 1024px;
    }
}