/* Import Section
=================================================================== */
@import url("../../vendors/learnybox/jquery-ui-1.8.21.custom-common.css");								/* jQuery User Interface Framework Styles */
@import url("../../components/_timepicker.css");								/* jQuery DateTime Picker */
@import url("../../vendors/chosen.css");												/* Select Boxes Styles */
@import url("../../vendors/uniform.default.css");										/* Uniform Styles */
@import url("../../vendors/learnybox/jquery.gritter-formation.css");								/* Growl Like Notifications Styles */
/*@import url("../../vendors/font-awesome-470.css");		    						!* Font Awesome Styles *!*/
@import url("../../vendors/learnybox/mediaelementplayer-v4.min.css");							/* MediaElement Player for Video and Audio */
@import url("../../components/_bootstrap-image-gallery-formation.css");								/* Bootstrap Image Gallery */

.masonry-container .row {
    margin: 0;
    position: relative;
}
.masonry-container .col-md-12.box-masonry.item > .row {
    margin-left: -15px;
    margin-right: -15px;
}
.masonry-container .col-md-1,
.masonry-container .col-md-10,
.masonry-container .col-md-11,
.masonry-container .col-md-12,
.masonry-container .col-md-2,
.masonry-container .col-md-3,
.masonry-container .col-md-4,
.masonry-container .col-md-5,
.masonry-container .col-md-6,
.masonry-container .col-md-7,
.masonry-container .col-md-8,
.masonry-container .col-md-9 {
    padding: 0 10px;
}


.form .input-small,
.form-horizontal .input-small {
    width: 90px;
}
.form .input-large,
.form-horizontal .input-large {
    width: 210px;
}
.form .input-xlarge,
.form-horizontal .input-xlarge {
    width: 270px;
}
.form .input-xxlarge,
.form-horizontal .input-xxlarge {
    width: 530px;
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn-small {
    padding: 3px 10px;
    font-size: 11.9px;
    line-height: 1.5;
    border-radius: 3px;
}


.box .box-content .row {
    margin-left: 0px;
    margin-right: 0px;
}




.multilevelmenu-collapse {
    margin-bottom: 20px;
    position: relative;
}

#multilevelmenu-overlay {
    display: block;
    z-index: 10;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: #F6F6F6;
    left: 0;
}

#multilevelmenu,
#menu {
    position: relative;
    display: block;
    border: 1px solid #CCC;
    border-radius: 4px 4px 4px 4px;
}

.mainmenu {
    position: relative;
    overflow-x: hidden;
    margin-top: 7px;
}






.rouge {
	color : #E4391F;
}

.orange{
	color : #F8931D;
}
.bloc-center {
    float: none !important;
    margin: 0 auto !important;
}

/* Style du corps */
#corps{
	margin-top : 31px;
	overflow:hidden;
}
#corps.minwidth{
	min-width:1024px;
}

#intro{
	margin:0px auto;
	padding:8px;
	width:550px;
	background-color : #FE7A03;
	border : 1px outset #FE7A03;
	background-image: url('../images/fond_sommaire.jpg');
	background-position: bottom;
	background-repeat: repeat-x;
	color:#FFFFFF;
}

/*
.page {
	background-image:url("../images/page.png");
	background-repeat:repeat-y;
	border:1px outset #E3E3E3;
	font-size:1em;
	margin-left:250px;
	width:750px;
	padding:8px;
}
*/

#formation {
    overflow: hidden;
    position: relative;
}
#formation .col-md-9 {
    position: relative;
}



#menu {
    height: 40px;
}

#transversaux {
    padding: 10px;
    padding-top: 30px;
}



.sequence {
	min-height: 800px;
	padding:0px;
	margin: 0;
	display:block;
	position: relative;
	padding-top: 0px;
	padding-bottom: 70px;
}
.sequence blockquote {
    opacity: 1;
}
.sequence blockquote ul {
    list-style: none;
    padding-left: 10px !important;
}

.sequence .background {
    opacity: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.sequence .menu {
	height: 50px;
	box-sizing: border-box;
	position: relative;
	margin-left: 5px;
	margin-bottom: 10px;
	background: #2a2f36;
	margin: 0;
}

.sequence .menu ul {
    margin-left: 5px;
    height: 45px;
    padding-left: 0px;
}
.sequence .menu ul li {
	list-style: none;
    display: inline-block
}
.sequence .menu ul li a {
    margin-top:7px;
}
.sequence .menu ul li.precedent {
	margin-left: 5px;
	margin-right: 80px
}
.sequence .menu ul li.mes-enregistrements {
    margin-right: 20px
}
.sequence .menu ul li.cours-transversaux {

}
.sequence .menu ul li.num_page {
	width:90px;
	background:none;
	border:none;
	color:white;
	font-weight:normal;
	text-decoration: none;
	height: 10px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	position: absolute;
	left:70%;
}
.sequence .menu ul li.cours_transerval {
	width:250px;
	background:none;
	border:none;
	color: #1e3948;
	font-weight:normal;
	text-decoration: none;
	text-shadow: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 9px;
	position: absolute;
	left:40%;
	font-size: 20px
}
.sequence .menu ul li.suite {
	position: absolute;
	right: 10px
}


@media screen and (max-width: 768px) {
    .sequence .menu ul li {
        margin: 0 !important;
    }
    .sequence .menu ul li .btn {
        padding: 2px 10px;
        font-size: 11.9px;
    }
    .sequence .menu .num_page,
    .sequence .menu .cours-transversaux {
        display: none;
    }
}

.sequence .enregistreur {
    position: relative;
}

.sequence .enregistreur .enregistreur-aide {
    position: absolute;
    left: 300px;
    top: 5px;
    color: white;
    font-size: 14px;
}
.sequence .enregistreur .enregistreur-aide2 {
    position: absolute;
    left: 250px;
    top: 120px;
    font-size: 11px;
}

.footer-actions {
    position: absolute;
    bottom: 50px;
    padding-left: 5px;
    height: 25px;
}
.footer-actions .signaler {
    float:left;
    margin-left: 10px;
    padding-top: 2px;
}
.footer-actions:after {
    clear: both;
}

.menu-footer {
	height: 50px;
	box-sizing: border-box;
	background: #2a2f36;
	margin: 0;
    bottom: 0;
    width: 100%;
    position: relative;
}
.menu-footer ul {
    margin-left: 5px
}
.menu-footer ul li {
	list-style: none;
    display: inline-block
}
.menu-footer ul li a {
    margin-top:7px;
}

.menu-footer ul li.precedent {
	margin-left: 5px;
	margin-right: 80px
}

.menu-footer ul li.num_page {
	width:90px;
	background:none;
	border:none;
	color:white;
	font-weight:normal;
	text-decoration: none;
	height: 10px;
	text-align: center;
	vertical-align: middle;
	padding-top: 12px;
	position: absolute;
	left:70%;
}

.menu-footer ul li.suite {
	position: absolute;
	right: 10px
}




.sequence .contenu-header {
	width:100%;
	margin: 0;
	display:block;
	position: relative;
	box-sizing: border-box;
}
.sequence .contenu-header .title_formation {
	float:left;
	font-size: 15px;
	color:#990000;
	font-weight: bold;
	padding-left: 15px;
}

.sequence .contenu-header .title_sequence {
	float:left;
	font-size: 15px;
	color:#006dcc;
	font-weight: 500;
	text-align: left;
	margin-left: 10px;
}
.sequence .contenu-header h1.title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
    padding-top: 20px;
}

.sequence .contenu-header .noter {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
}
.sequence .contenu-header .noter span {
    padding-top: 2px;
    font-size: 85%;
    float: left;
    margin-right: 5px;
}
.sequence .contenu-header .noter #raty {
     float:left
}

.sequence .contenu-header:after {
    content:"";
    clear: both;
}


.sequence .masonry-container {
    padding:0px !important;
    display:block;
    position:relative;
    width:100%;
    box-sizing:border-box
}

.sequence .row {
    box-sizing: border-box;
    padding: 0;
}

/*.sequence .row .col-md-3 {
    width: 25% !important;
}
.sequence .row .col-md-6 {
    width: 50% !important;
}
.sequence .row .col-md-9 {
    width: 75% !important;
}
.sequence .row .col-md-12 {
    width: 100% !important;
}*/
.sequence .row [class*="span"] {
    margin-left: 0;
}
.sequence .maincontainer {
    display: block;
    position: relative;
    box-sizing: border-box;
}
.sequence .maincontainer .content {
    position: relative;
}
.sequence .maincontainer.box {
    background: transparent;
    border: none;
    box-shadow: none;
}


.sequence video {
    background: black;
}

.sequence .box-masonry {
    margin-bottom: 10px;
    position: relative;
}
.sequence .box-masonry .background {
    margin-bottom: 10px;
}
.boxcontainer {
	overflow: hidden;
  	position: relative;
}
.boxcontainer .content {
    padding: 10px;
    position: relative;
}


#mini-mp3player {
    color: #8a6d3b;
    padding: 5px 0;
	position: relative;
	margin-bottom: 10px;
}
#mini-mp3player .content {
	padding: 10px;
	padding-bottom: 0px;
	position: relative;
}
#mini-mp3player .content .texte {
    margin-bottom: 10px;
}
#mini-mp3player .content a {
    margin-top: -5px;
}
#mini-mp3player p {
    margin-bottom: 0px;
}
#mini-mp3player h4 {
    margin-top: 0px;
}


#mp3player {
	padding: 5px 0;
	position: relative;
	margin-bottom: 10px;
}
#mp3player .content {
	padding: 10px;
	padding-bottom: 0px;
	position: relative;
}
#mp3player .content .texte {
    margin-bottom: 10px;
}
#mp3player h2 {
	font-size: 16px;
	color:#ff6600;
	font-weight: bold;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
#mp3player h4 {
    margin-top: 0px;
}
#mp3player .btn-inverse {
	padding: 4px 12px;
    border-radius: 0px;
}
.mp3player .btn-inverse {
	padding: 4px 12px;
    border-radius: 0px;
}
.mp3player .btn-inverse {
	padding: 4px 12px;
    border-radius: 0px;
    display: inline-block;
    margin-left: -5px;

    background: black;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(35,35,35,1)), to(rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(35,35,35,1), rgba(0,0,0,1));
    background: -moz-linear-gradient(top, rgba(35,35,35,1), rgba(0,0,0,1));
    background: -o-linear-gradient(top, rgba(35,35,35,1), rgba(0,0,0,1));
    background: -ms-linear-gradient(top, rgba(35,35,35,1), rgba(0,0,0,1));
    background: linear-gradient(rgba(35,35,35,1), rgba(0,0,0,1));

    height: 30px;
    box-sizing: border-box;
}
.mp3player .btn-inverse:hover,
.mp3player .btn-inverse:active {
    color: #ffffff;
    background: #222222 !important;
}
.mp3player .mejs-container {
    display: inline-block;
    float: none;
}
.mp3player .mejs__audio {
    display: inline-block;
    float: none;
}
.mp3player .mejs__audio .mejs__controls {
    opacity: 1 !important;
}
.video-audio .mejs__overlay-button {
	display: none !important;
}



.sequence .txt {
	text-align: left;
	position: relative;
	height: auto;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.sequence .txt .background {
    width: 100%;
    height: 100%;
}
.sequence .txt .content {
	padding: 10px 5px 0px 10px;
	position: relative;
}
.sequence .txt h2 {
	font-weight: bold;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.sequence .txt h4 {
	margin-top: 0px;
}

.sequence .txt p {
	margin:0;
	padding:0;
	margin-bottom: 10px
}
.sequence .txt ul {
	margin-left:0px;
	padding:3px 0px 3px 20px;
	margin-bottom:0px;
}


.sequence .module {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.sequence .module iframe {
    width: 100%;
    border: none;
}


.sequence .downloads {
    position: relative;
    border: 1px solid rgba(0,0,0,.2);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(0,0,0,.025)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.025) 100%);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.025) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.025) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.025) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(0,0,0,.025) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#05000000', GradientType=0);
}
.sequence .downloads .content {
    padding: 10px;
}
.sequence .downloads:hover {
    background-color: rgba(0,0,0,.05);
}.sequence .downloads i {
    font-size: 28px;
    margin-right: 10px;
    margin-top: 5px;
}
.sequence .downloads a {
    font-weight: bold;
    color: #0088cc;
    display: block;
}


.sequence .link {
    position: relative;
    text-align: center;
}
.sequence .link a {
    display: block;
}




.sequence .image,
.sequence .image a {
    display: block;
    position: relative;
}
.sequence .texte img,
.sequence .image img {
    max-width: 100%;
}
.sequence .image .thumb {
    display: block;
    width: auto;
    height: auto;
    background-size: cover;
    position: relative
}
.sequence .image .see_more {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin-left: -10px;
    margin-top: -10px;
    color: #000;
    text-decoration: none;
}

.sequence .image:hover .see_more {
	display: block;
}
.sequence .image:hover .thumb {
	opacity: 0.7;
}


.sequence .texte-ref .txt {
    background:#fffceb;
    margin-top: 0px;
    padding: 10px;
    padding-top: 10px;
    border-radius: 0px;
    border:1px solid #faebcc;
}
.sequence .texte-ref form {
    margin: 0
}
.sequence .texte-ref form h4 {
    margin-top: 0px;
}
.sequence .texte-ref textarea {
    width:95%;
    height:150px;
    margin: 0;
}
.sequence .texte-ref button {
    margin-top: 10px;
}



.sequence .notes .txt {
    background:#d9edf7;
    margin-top: 0px;
    padding: 10px;
    padding-top: 10px;
    border-radius: 0px;
    border:1px solid #98bbc2;
}
.sequence .notes form {
    margin: 0
}
.sequence .notes form h4 {
    margin-top: 0px;
}
.sequence .notes textarea {
    width:95%;
    height:150px;
    margin: 0;
}
.sequence .notes button {
    margin-top: 10px;
}



.maincontainer.tip {
    border: none !important;
}
.maincontainer.tip .background {
    background: none !important;
}
.sequence .tipblock {
	width:175px;
	height: auto;
	position:relative;
	display: block;
	color:#222222;
	font-size: 12px;
	line-height: 15px;
	left: 50%;
	margin:0px 0px 10px -87px;

	margin-bottom: 10px;

	word-wrap: break-word;
    word-break: break-all;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}
.sequence .tipblock .content {
	padding: 5px;
	position: relative;
	padding-bottom: 3px;
}
.sequence .tipblock.fl3 {
    margin-left: -80px;
}
.sequence .tipblock.fl4 {
    margin-top: 35px;
}

.sequence .tipblock.ergo {
	background: #bfe6ff;
	border:2px solid #0099ff;
}

.sequence .tipblock.pedago {
	background: #ffebdd;
	border:2px solid #ff6600;
}

.sequence .tipblock .fl1,
.sequence .tipblock .fl2,
.sequence .tipblock .fl3,
.sequence .tipblock .fl4 {
	display:block;
	width:19px;
	height:17px;
	position: absolute;
	z-index: 1;
}

.sequence .tipblock .fl1 {
	background-image:url("../../../../images/formation/fleche-right.png");
    right:-30px;
	top:50%;
	margin-top: -9px;
}

.sequence .tipblock .fl2 {
	background-image:url("../../../../images/formation/fleche-bas.png");
	left:50%;
	margin-left: -10px;
	bottom: -30px;
}
.sequence .tipblock .fl3 {
	background-image:url("../../../../images/formation/fleche-left.png");
	left:-30px;
	top:50%;
	margin-top: -9px;
}
.sequence .tipblock .fl4 {
	background-image:url("../../../../images/formation/fleche-haut.png");
	width:18px;
	height:19px;
	left:50%;
	margin-left: -10px;
	top:-30px;
}
.sequence .tipblock.fl4 {
    margin-top: 20px;
}

.sequence .tip .tip-avatar {
	display:block;
	position: absolute;
	right:0px;
	bottom:0px;
	z-index: 0;
}
.sequence .tip .tip-avatar:after {
    content:'';
    clear: both;
}



.tickLabel {
    text-align:right;
    margin-left:50px;
    font-size: 10px;
}

.modal button.close {
    margin-right: 5px;
    z-index: 100000;
    display: block;
    position: relative;
}

#modals2 {
    position: absolute;
    right: 25px;
    top: -40px;
    margin-bottom: 10px;
    height: 30px
}
#HelpEvaluation .alert-info {
    margin-bottom: 0px;
}

#index table{
	width : 750px;
	border-collapse : collapse;
}

#progression{
	width : 718px;

	margin-top : 10px;
	border : 1px outset #000000;
	padding : 15px;
    background-color:#EAEADE;
    margin-bottom: 5px
}

#progression p{
	text-align : center;
}

#planning{
    background-color:#EAEADE;
    border:1px outset #000000;
    padding:15px;
    width:338px;
    float:right;
}

#planning p{
	text-align : center;
}

#messagerie{
    background-color:#EAEADE;
    border:1px outset #000000;
    padding:15px;
    width:338px;
    float:left;
}
#messagerie p{
	text-align : center;
}
#messagerie td{
	width : 25%;
}


#evaluation{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}
#evaluation p{
	text-align : right;
}
#evaluation table td{
	width : 25%;
}

.plus{
	text-decoration : none;
	color : #F8931D;
	font-weight : bold;
    text-align : right;
    display : block;
    width:330px;
    text-align: right;
    margin-top: 25px;
}
.plus:hover{
	text-decoration : underline;
}
#progression .plus {
    width:705px;
}



#modules table{
	width : 100%;
	border-collapse : collapse;
}
#modules th{
	border : 1px solid black;
}
#modules td{
	border : 1px solid black;
}

#module{
	width : 60%;
	border : 1px outset #EAEADE;
	padding : 2%;
	margin-left : 15%;
	margin-top : 2%;
}

#sequence{
	width : 60%;
	border : 1px outset #EAEADE;
	padding : 2%;
	margin-left : 15%;
	margin-top : 2%;
}

#ressources{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}

#ressources p{
	text-align : right;
}

#fichiers{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}

#fichiers p{
	text-align : right;
}

#expedition{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}

#reception{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}

.liste{
	width : 100%;
	border-collapse : collapse;
}

.liste th{
	border : 1px solid black;
}

.liste td{
	border : 1px solid black;
}

#rdv{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}

#rdv p{
	text-align : right;
}

#invitation{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}

#invitation p{
	text-align : right;
}

#corriger{
	width : 90%;
	border : 1px outset #EAEADE;
	padding : 2%;
}

#corriger p {
    text-align: right;
}

.commentsblock {
	width : 75%;
	margin-left : 12%;
	margin-top : 2%;
	border : 1px outset #E4391F;
	padding : 2%;
}

.commentsblock p{
	text-align : right;
}

#date{
	margin : 4%;
}

#heure{
	margin : 4%;
}

#fonction{
	text-align : center;
	margin-bottom : 2%;
}

.champformulaire{
	margin : 2%;
}

.champformulaire table{
	text-align : center;
	width : 50%;
}
/* Fin du style du corps */


/* Style du pied */
#pied{
	text-align : right;
	clear : left;
	padding : 1%;
}
/* Fin du style du pied */




#recorderMessage { width: 320px; }
.modal .mejs-overlay-button { display:none !important; }


#uploadBlock label { float:left; }
#uploadBlock .controls { margin-left:0px; float:left; }

#uploadResultBlock { width:320px; padding: 0 10px 10px 10px; }
#uploadResultBlock #files_uploaded { display:none; }
#uploadResultBlock #progress { display: none; padding-top: 10px; }
#uploadResultBlock .alert { margin:10px 0; }



.btn-xlarge {
    width:100%;
    padding: 15px 19px;
    font-size: 24px;
    line-height: 28px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
}



.bar_texte {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #000000;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}


#faq .question {
    cursor: pointer;
}
#faq .question:hover {
    opacity: .8;
}
#faq .reponse {
    display: none;
    padding: 5px;
}



#produits .col-md-4:last-child,
#produits .col-md-6:last-child {
    margin-right: 0px;
}

#produits .col-md-4 .payment_module a,
#produits .col-md-6 .payment_module a {
    text-align: center;
    padding-right: 10px;
}
#produits .col-md-4 .payment_module a small:before,
#produits .col-md-6 .payment_module a small:before {
    display: table;
    content: "";
    line-height: 0;
}
#produits .col-md-4 .payment_module a img,
#produits .col-md-6 .payment_module a img {
    display: block;
    margin: 0 auto;
}

#produits .col-md-4 .payment_module .button_link,
#produits .col-md-6 .payment_module .button_link {
    text-align: center;
    padding-right: 10px;
}
#produits .col-md-4 .payment_module .button_link img,
#produits .col-md-6 .payment_module .button_link img {
    display: block;
    margin: 0 auto;
}

.uncheck { display:block; text-align:center; }
.payment_module { margin-bottom: 10px; }
.payment_module form { margin: 0px; height: 0px }
.payment_module a,
.payment_module .button_link {
    display: block;
    border: 1px solid #d6d4d4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    line-height: 23px;
    color: #333;
    font-weight: bold;
    padding: 13px 40px 13px 10px;
    letter-spacing: -1px;
    position: relative;
    background: #fbfbfb;
}
.payment_module a:hover,
.payment_module .button_link:hover {
    text-decoration: none;
    background: #f6f6f6;
}


.payment_module a.image {
    display: block;
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
    position: relative;
    background: none;
}
.payment_module a.image:hover img {
    opacity: .8
}


.payment_module img {
    max-width: 100%;
}
.payment_module a.image img {
    max-width: none;
}

.payment_module.cheque img,
.payment_module.virement img {
    max-height: 50px;
}
.payment_module.freepayment img {
    float: left;
    max-width: 80px;
}
.payment_module a img,
.payment_module .button_link img {
    margin-right: 10px;
}

.formulaire_paiement .content {
    padding: 10px;
    position: relative;
}
.formulaire_paiement .transparency {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    display: none;
    text-align: center;
}
.formulaire_paiement .transparency i {
    margin-top: 40px;
    font-size: 72px;
    color: white;
}

.formulaire_paiement .description {
    float: left;
}
.formulaire_paiement .description h4 {
    margin-top: 0px;
}
.formulaire_paiement .pricing {
    float: right;
    text-align: center;
}
.formulaire_paiement .pricing p.price {
    font-size: 18px;
    font-weight: bold;
}
.formulaire_paiement .coordonnees select {
	max-width: 300px;
}
.btn-link.uncheck {
    font-size: 11px;
}

.formulaire_paiement .payment_module.sepa img {
    max-width: 120px;
}

.payment_module .stripe button {
    background: none;
    border: none;
    font-weight: bold;
    font-size: 17px;
}


.formulaire_paiement .quantite {
    width: 120px;
    margin-bottom: 5px;
}

.formulaire_paiement .quantite .quantite-inner {
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 100px;
}
.formulaire_paiement .quantite .quantite-inner .div-quantite {
    padding-top: 2px;
}
.formulaire_paiement .quantite .quantite-inner .btn-last {
    margin-right: 0px;
}

@media(max-width:767px) {
    .formulaire_paiement .media-left {
        display: block;
    }
    .formulaire_paiement .media-left img {
        margin-bottom: 10px;
    }
    .formulaire_paiement .media-body {
        display: block;
        width: 100%;
    }
}


#formations .media-left img,
.formationsuser .media-left img {
    max-width: 130px;
    max-height: 80px;
    border: none;
}

#formationshop_template1 .formation {
	background-color: #fff;
	margin: 0px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.055);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.055);
    box-shadow: 0 1px 3px rgba(0,0,0,.055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;
    position: relative;
    display: block;
    min-height: 70px;
    overflow: visible;
}

#formationshop_template1 .formation:hover {
	box-shadow: 0px 0px 7px 0px #8cbe5b;
}
#formationshop_template1 .formation h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
#formationshop_template1 .formation h4 a {
	color: #333;
}

#formationshop_template1 .formation h4,
#formationshop_template1 .formation p {
	padding: 0px;
}
#formationshop_template1 .formation .pic {
	position: relative;
	max-width: 130px;
    max-height: 80px;
	float: left;
	margin-right: 10px;
}
#formationshop_template1 .formation .right-content {
	position: absolute;
	right: 10px;
	top: 10px;
}
#formationshop_template1 .formation .price h4 {
	text-align: center;
	color: #fb5a0b;
	margin-bottom: 10px;
}



#formationshop_template2 .media {
    margin-top: 0;
}
#formationshop_template2 .formation {
	margin-top: 0px;
	margin-bottom: 10px;
    padding: 10px;
    position: relative;
    display: block;
    min-height: 70px;
    overflow: visible;
    border: none;
}
#formationshop_template2 .formation-content {
    background-color: #fff;
	margin-top: 0px;
	border: 1px solid #ddd;
    padding: 0px;
    position: relative;
    display: block;
    min-height: 70px;
    overflow: visible;
}

#formationshop_template2 .formation:first-child {
    margin-left: 0px;
}
#formationshop_template2 .formation .picture {
    float: none;
    margin: 0px;
    display: block;
    padding-right: 0px;
}
#formationshop_template2 .formation .pic {
	position: relative;
	width: 100%;
	max-height: 180px;
	float: none;
	display: block;
}
#formationshop_template2 .media-body {
    padding: 10px;
}
#formationshop_template2 .formation .price h4 {
	text-align: center;
	color: #fb5a0b;
	margin-bottom: 10px;
	font-size: 20px;
}



.box-content .form-group {
    margin-left: 0px;
    margin-right: 0px;
}



.bullet {
	overflow: hidden;
    display: block;
    margin-bottom: 5px;
}
.bullet .icone {
    float: left;
    margin-right: 5px;
    vertical-align: top;
}
.bullet .bullet-content{
    overflow: hidden;
}


.carousel i.fa-chevron-right,
.carousel i.fa-chevron-left {
	position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    right: 50%;
}

.carousel i.fa-chevron-right {
	margin-right: -30px;
}
.carousel i.fa-chevron-left {

}




.switch-left {
    display: inline-block;
    width: 70px;
    vertical-align: top;
    margin-bottom: 0px;
}
.switch-right {
    display: inline-block;
    margin-bottom: 0px;
}
.switch-right .switch-infos {
    margin-bottom: 10px;
}
.switch-right .switch-infos label {
    margin-bottom: 0px;
}
.switch-input {
    position: relative;
}
.ios-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.ios-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.ios-toggle-round + label {
  padding: 0px;
  width: 60px;
  height: 30px;
  border-radius: 30px;
}
input.ios-toggle-round + label:before,
input.ios-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}
input.ios-toggle-round + label:before {
  right: 1px;
  background-color: #f3f3f3;
  border-radius: 30px;
  transition: background 0.4s;
  height: 30px;
}
input.ios-toggle-round + label:after {
  width: 26px;
  height: 26px;
  margin-top: 2px;
  margin-left: 2px;
  background-color: #b0b6be;
  border-radius: 100%;
  transition: margin 0.4s;
}
input.ios-toggle-round:checked + label:after {
  margin-left: 30px;
  background: #13bd3b;
}
input.ios-toggle-round.ios-toggle-white + label:before {
    background-color: white;
}
#ModalBuild input.ios-toggle-round.ios-toggle-white + label:before {
    background-color: #f3f3f3;
}

input.ios-toggle-round.ios-toggle-large + label {
  width: 120px;
  height: 60px;
  border-radius: 60px;
}

input.ios-toggle-round.ios-toggle-large + label:before {
  border-radius: 60px;
}
input.ios-toggle-round.ios-toggle-large + label:after {
  width: 58px;
}
input.ios-toggle-round.ios-toggle-large:checked + label:after {
  margin-left: 60px;
}


input.ios-toggle-round.ios-toggle + label,
input.ios-toggle-round.ios-toggle-mini + label {
	width: 48px;
	height: 22px;
	border-radius: 10px;
	margin-bottom: 0px;
	background: transparent;
}

input.ios-toggle-round.ios-toggle + label:before,
input.ios-toggle-round.ios-toggle-mini + label:before {
	border-radius: 10px;
	height: 20px;
}
input.ios-toggle-round.ios-toggle + label:after,
input.ios-toggle-round.ios-toggle-mini + label:after {
	width: 16px;
	height: 16px;
	margin-top: 2px;
	box-shadow: none;
    margin-left: 2px;
}
input.ios-toggle-round.ios-toggle:checked + label:after,
input.ios-toggle-round.ios-toggle-mini:checked + label:after {
	margin-left: 28px;
}





div.button.linkedin a {
    position: relative !important;
}
#facebook .button,
#twitter .button,
#googleplus .button,
#linkedin .button {
    background: none;
}
#facebook .button span,
#twitter .button span,
#googleplus .button span,
#linkedin .button span {
    display: block;
    margin: 0px;
    height: auto;
    padding: 0px;
    text-align: left;
    background: none;
}
.sharrre .box {
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
}

#template1 {
    margin:0 auto;
    text-align: center;
}
#template1 .sharrre{
    margin:10px 0 10px 20px;
    display: inline-block;
}

#template2 {
    margin:0 auto;
    text-align: center;
}
#template2 .sharrre{
    margin:10px 0 10px 20px;
    display: inline-block;
}
#template3 {
    margin:0 auto;
    text-align: center;
}
#template3 .sharrre{
    margin:10px 0 10px 20px;
    display: inline-block;
    min-height: 60px;
}
#template3 .sharrre.no-counts {
    min-height: 20px;
}

#template4 {
    margin:0 auto;
    text-align: center;
    height: 70px;
}
#template4 .sharrre{
    margin:10px 0 10px 0px;
    display: inline-block;
    min-height: 50px;
    width: 50px;
    height: 50px;
    position: relative;
}

#template5 {
    margin:0 auto;
    text-align: center;
    height: 70px;
}
#template5 .sharrre{
    margin:10px 0 10px 0px;
    display: inline-block;
    min-height: 50px;
    height: 50px;
    position: relative;
    border-radius: 25px;
    padding: 0;
    overflow: hidden;
}
#template5 .sharrre .box {
    background: white !important;
    height: 50px;
    padding: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 10px;
    padding-left: 15px;
    position: relative;
    display: block;
    text-align: left;
}

#template5 .sharrre .share {
    height: 50px;
    width: auto;
    display: block;
    padding: 0;
    margin: 0;
    color: white;
    padding-top: 15px;
    font-size: 20px;
    padding: 0 20px;
    text-shadow: 1px 1px 0px #666;
}


#template6 {
    margin:0 auto;
    text-align: center;
}
#template6 .sharrre{
    margin:10px 0 10px 0px;
    display: inline-block;
    min-height: 50px;
    height: 50px;
    position: relative;
    padding: 0;
    overflow: hidden;
}
#template6 .sharrre .box {
    background: white;
    height: 50px;
    padding: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 10px;
    padding-left: 15px;
    position: relative;
    display: block;
    text-align: left;
}

#template6 .sharrre .share {
    height: 50px;
    width: auto;
    display: block;
    padding: 0;
    margin: 0;
    padding-top: 15px;
    font-size: 20px;
    padding: 0 20px;
}


.col-md-1 #template1 .sharrre,
.col-md-2 #template1 .sharrre,
.col-md-3 #template1 .sharrre {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.col-md-1 #template1 .sharrre .share,
.col-md-2 #template1 .sharrre .share,
.col-md-3 #template1 .sharrre .share {
    margin: 0 auto;
    margin-top: 8px;
}
.col-md-1 #template1 .sharrre .count,
.col-md-2 #template1 .sharrre .count,
.col-md-3 #template1 .sharrre .count {
    margin: 0 auto;
}


.col-md-1 #template2 .sharrre,
.col-md-2 #template2 .sharrre,
.col-md-3 #template2 .sharrre {
    display: block;
    margin: 0 auto;
    margin-bottom: 0px;
}

.col-md-1 #template3 .sharrre,
.col-md-2 #template3 .sharrre,
.col-md-3 #template3 .sharrre {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.sharrre .box a:hover{
    text-decoration:none;
}
.sharrre .count {
    color:#525b67;
    display:block;
    font-size:18px;
    font-weight:bold;
    line-height:40px;
    height:40px;
    position:relative;
    text-align:center;
    text-decoration: none;
    width:70px;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
    border:1px solid #b2c6cc;
    background: #fbfbfb; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.sharrre .count:before, .sharrre .count:after {
    content:'';
    display:block;
    position:absolute;
    left:49%;
    width:0;
    height:0;
}
.sharrre .count:before {
    border:solid 7px transparent;
    border-top-color:#b2c6cc;
    margin-left:-7px;
    bottom: -14px;
}
.sharrre .count:after {
    border:solid 6px transparent;
    margin-left:-6px;
    bottom:-12px;
    border-top-color:#fbfbfb;
}
.sharrre.no-counts .count {
    display: none !important;
}

#template1 .sharrre .share {
    color:#FFFFFF;
    display:block;
    font-size:12px;
    font-weight:bold;
    height:30px;
    line-height:30px;
    margin-top:8px;
    padding:0;
    text-align:center;
    text-decoration:none;
    width:70px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#template1 #twitter .share {
    text-shadow: 1px 0px 0px #0077be;
    filter: dropshadow(color=#0077be, offx=1, offy=0);
    border:1px solid #0075c5;
    background: #26c3eb;
    background: -moz-linear-gradient(top, #26c3eb 0%, #26b3e6 50%, #00a2e1 51%, #0080d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26c3eb), color-stop(50%,#26b3e6), color-stop(51%,#00a2e1), color-stop(100%,#0080d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* IE10+ */
    background: linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c3eb', endColorstr='#0080d6',GradientType=0 ); /* IE6-9 */
}
#template1 #facebook .share {
    text-shadow: 1px 0px 0px #26427e;
    filter: dropshadow(color=#26427e, offx=1, offy=0);
    border:1px solid #24417c;
    background: #5582c9; /* Old browsers */
    background: -moz-linear-gradient(top, #5582c9 0%, #33539a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5582c9), color-stop(100%,#33539a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5582c9 0%,#33539a 100%); /* IE10+ */
    background: linear-gradient(top, #5582c9 0%,#33539a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5582c9', endColorstr='#33539a',GradientType=0 ); /* IE6-9 */
}
#template1 #googleplus .share {
    text-shadow: 1px 0px 0px #222222;
    filter: dropshadow(color=#222222, offx=1, offy=0);
    border:1px solid #262626;
    background: #d64532; /* Old browsers */
    background: -moz-linear-gradient(top, #d64532 0%, #BC2E1C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d64532), color-stop(100%,#BC2E1C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d64532 0%,#BC2E1C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d64532 0%,#BC2E1C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d64532 0%,#BC2E1C 100%); /* IE10+ */
    background: linear-gradient(top, #d64532 0%,#BC2E1C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64532', endColorstr='#BC2E1C',GradientType=0 ); /* IE6-9 */
}
#template1 #linkedin .share {
    text-shadow: 1px 0px 0px #222222;
    filter: dropshadow(color=#222222, offx=1, offy=0);
    border:1px solid #262626;
    background: #007AB5; /* Old browsers */
    background: -moz-linear-gradient(top, #007AB5 0%, #005A86 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007AB5), color-stop(100%,#005A86)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #007AB5 0%,#005A86 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #007AB5 0%,#005A86 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #007AB5 0%,#005A86 100%); /* IE10+ */
    background: linear-gradient(top, #007AB5 0%,#005A86 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007AB5', endColorstr='#005A86',GradientType=0 ); /* IE6-9 */
}



#template4 .sharrre .share {
    margin-top: 10px;
    margin-left: 12px;
}
#template4 .sharrre.twitter {
    background: #26c3eb;
}
#template4 .sharrre.twitter .share {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: hidden;
    width: 40px;
    margin-top: 5px;
}
#template4 .sharrre.twitter.no-counts .share {
    margin-top: 10px;
}
#template4 .sharrre.twitter .share:hover:before {
    color:#ddd;
    transition:all .2s;
}
#template4 .sharrre.twitter .share:before {
    content: "\f099";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: white;
    width: 40px;
    transition:all .2s;
}


#template4 .sharrre.facebook {
    background: #5582c9;
}
#template4 .sharrre.facebook .share {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: hidden;
    width: 40px;
    margin-left: 15px;
    margin-top: 5px;
}
#template4 .sharrre.facebook.no-counts .share {
    margin-top: 10px;
}
#template4 .sharrre.facebook .share:hover:before {
    color:#ddd;
    transition:all .2s;
}
#template4 .sharrre.facebook .share:before {
    content: "\f09a";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: white;
    width: 40px;
    transition:all .2s;
}



#template4 .sharrre.googlePlus {
    background: #d64532;
}
#template4 .sharrre.googlePlus .share {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: hidden;
    width: 40px;
    margin-top: 5px;
}
#template4 .sharrre.googlePlus.no-counts .share {
    margin-top: 10px;
    margin-left: 0;
}
#template4 .sharrre.googlePlus .share:hover:before {
    color:#ddd;
    transition:all .2s;
}
#template4 .sharrre.googlePlus .share:before {
    content: "\f0d5";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: white;
    width: 40px;
    transition:all .2s;
}



#template4 .sharrre.linkedin {
    background: #007AB5;
}
#template4 .sharrre.linkedin .share {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: hidden;
    width: 40px;
    margin-top: 5px;
}
#template4 .sharrre.linkedin.no-counts .share {
    margin-top: 10px;
}
#template4 .sharrre.linkedin .share:hover:before {
    color:#ddd;
    transition:all .2s;
}
#template4 .sharrre.linkedin .share:before {
    content: "\f0e1";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: white;
    width: 40px;
    transition:all .2s;
}




#template4 .sharrre .count {
  color: white;
  position: absolute;
  bottom: -13px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  width: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  background: none;
}

#template4 .sharrre .count:before {
    border:none;
    margin:0;
    bottom:0px;
}
#template4 .sharrre .count:after {
    border:none;
    margin:0;
    bottom:0px;
}







#template5 .sharrre.twitter {
    background: #26c3eb;
    border: 1px solid #26c3eb;
    margin-right: 10px;
}
#template5 .sharrre.twitter .share {
    background: #26c3eb;
    margin-left: 35px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template5 .sharrre.twitter.no-counts .share {
    margin-top: 10px;
}
#template5 .sharrre.twitter .share:hover {
    background: #4ad0fd;
    transition: all .2s;
}
#template5 .sharrre.twitter .box:before {
    content: "\f099";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: #26c3eb;
    width: 40px;
    transition:all .2s;
}


#template5 .sharrre.facebook {
    background: #5582c9;
    border: 1px solid #5582c9;
    margin-right: 10px;
}
#template5 .sharrre.facebook .share {
    background: #5582c9;
    margin-left: 35px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template5 .sharrre.facebook.no-counts .share {
    margin-top: 10px;
}
#template5 .sharrre.facebook .share:hover {
    background: #4978b9;
    transition: all .2s;
}

#template5 .sharrre.facebook .box:before {
    content: "\f09a";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: #5582c9;
    width: 40px;
    transition:all .2s;
}



#template5 .sharrre.googlePlus {
    background: #d64532;
    border: 1px solid #d64532;
    margin-right: 10px;
}
#template5 .sharrre.googlePlus .share {
    background: #d64532;
    margin-left: 40px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template5 .sharrre.googlePlus.no-counts .share {
    margin-top: 10px;
}
#template5 .sharrre.googlePlus .share:hover {
    background:#df5140;
    transition:all .2s;
}
#template5 .sharrre.googlePlus .box:before {
    content: "\f0d5";
    visibility: visible;
    position: relative;
    font-size: 32px;
    width: 40px;
    color: #d64532;
    transition:all .2s;
}



#template5 .sharrre.linkedin {
    background: #007AB5;
    border: 1px solid #007AB5;
}
#template5 .sharrre.linkedin .share {
    background: #007AB5;
    margin-left: 35px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template5 .sharrre.linkedin.no-counts .share {
    margin-top: 10px;
}
#template5 .sharrre.linkedin .share:hover {
    background:#006fa6;
    transition:all .2s;
}
#template5 .sharrre.linkedin .box:before {
    content: "\f0e1";
    visibility: visible;
    position: relative;
    font-size: 32px;
    width: 40px;
    color: #007AB5;
    transition:all .2s;
}




#template5 .sharrre .count {
  color: white;
  position: absolute;
  bottom: -13px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  width: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  background: none;
}

#template5 .sharrre .count:before {
    border:none;
    margin:0;
    bottom:0px;
}
#template5 .sharrre .count:after {
    border:none;
    margin:0;
    bottom:0px;
}






#template6 .sharrre.twitter {
    background: #26c3eb;
    border: 2px solid #26c3eb;
    margin-right: 10px;
}
#template6 .sharrre.twitter .share {
    color: #26c3eb;
    margin-left: 15px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template6 .sharrre.twitter.no-counts .share {
    margin-top: 10px;
}
#template6 .sharrre.twitter:hover {
    border-color: #3195b6;
    transition: all .2s;
}
#template6 .sharrre.twitter:hover .share {
    color: #3195b6;
    transition: all .2s;
}
#template6 .sharrre.twitter:hover .box:before {
    color: #3195b6;
    transition: all .2s;
}
#template6 .sharrre.twitter .box:before {
    content: "\f099";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: #26c3eb;
    width: 40px;
    transition:all .2s;
}


#template6 .sharrre.facebook {
    background: #5582c9;
    border: 2px solid #5582c9;
    margin-right: 10px;
}
#template6 .sharrre.facebook .share {
    color: #5582c9;
    margin-left: 20px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template6 .sharrre.facebook.no-counts .share {
    margin-top: 10px;
}
#template6 .sharrre.facebook:hover {
    border-color: #345a90;
    transition: all .2s;
}
#template6 .sharrre.facebook:hover .share {
    color: #345a90;
    transition: all .2s;
}
#template6 .sharrre.facebook:hover .box:before {
    color: #345a90;
    transition: all .2s;
}

#template6 .sharrre.facebook .box:before {
    content: "\f09a";
    visibility: visible;
    position: relative;
    font-size: 32px;
    color: #5582c9;
    width: 40px;
    transition:all .2s;
}



#template6 .sharrre.googlePlus {
    color: #d64532;
    border: 1px solid #d64532;
}
#template6 .sharrre.googlePlus .share {
    color: #d64532;
    margin-left: 25px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template6 .sharrre.googlePlus.no-counts .share {
    margin-top: 10px;
}

#template6 .sharrre.googlePlus:hover {
    border-color: #902f25;
    transition: all .2s;
}
#template6 .sharrre.googlePlus:hover .share {
    color: #902f25;
    transition: all .2s;
}
#template6 .sharrre.googlePlus:hover .box:before {
    color: #902f25;
    transition: all .2s;
}
#template6 .sharrre.googlePlus .box:before {
    content: "\f0d5";
    visibility: visible;
    position: relative;
    font-size: 32px;
    width: 40px;
    color: #d64532;
    transition:all .2s;
}



#template6 .sharrre.linkedin {
    color: #007AB5;
    border: 1px solid #007AB5;
}
#template6 .sharrre.linkedin .share {
    color: #007AB5;
    margin-left: 20px;
    margin-top: -42px !important;
    padding-top: 15px;
}
#template6 .sharrre.linkedin.no-counts .share {
    margin-top: 10px;
}
#template6 .sharrre.linkedin:hover {
    border-color: #005680;
    transition: all .2s;
}
#template6 .sharrre.linkedin:hover .share {
    color: #005680;
    transition: all .2s;
}
#template6 .sharrre.linkedin:hover .box:before {
    color: #005680;
    transition: all .2s;
}
#template6 .sharrre.linkedin .box:before {
    content: "\f0e1";
    visibility: visible;
    position: relative;
    font-size: 32px;
    width: 40px;
    color: #007AB5;
    transition:all .2s;
}




#template6 .sharrre .count {
  color: white;
  position: absolute;
  bottom: -13px;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  width: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  background: none;
}

#template6 .sharrre .count:before {
    border:none;
    margin:0;
    bottom:0px;
}
#template6 .sharrre .count:after {
    border:none;
    margin:0;
    bottom:0px;
}


@media (max-width:767px) {
	a.btn, button {
		white-space: normal;
	}
}

@media (max-width: 1024px) {
    a.btn-navbar.navbar-toggle {
        display: inline-block;
    }
}

#show_avatar img { max-width:100%; }



#topics .topic {
    margin: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #EEE !important;
}
#topics .topic:nth-child(even) {
    background: #fbfbfb !important;
}



.comments {
    margin: 0 auto;
	margin-top: 20px;
}
.maincontainer.comments {
	border: none;
}
.comments #addCommentForm {
    margin-top: 20px;
}
.comments .media {
	padding: 20px;
}
.comments .media-body {
	padding-left: 10px;
}
.comments #addCommentForm #groupmessage {
	position: relative;
	margin-left: -10px;
}
.comments #addCommentForm #controlmessage {
	margin-left:10px;
}
.comments #addCommentForm .talkbubble {
    position: relative;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    border: solid #c9ced4;
    background: white;
    border-width: 1px;
}
.comments #addCommentForm .talkbubble:before {
  	content: "";
    position: absolute;
    right: 100%;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 10px solid #c9ced4;
    border-bottom: 7px solid transparent;
}

.comments #addCommentForm .talkbubble textarea {
	position: inherit;
	width: inherit;
	height: inherit;
	background: inherit;
	margin: 0;
	padding: 0;
	border: none;
}
.comments #addCommentForm .talkbubble textarea:focus {
	outline-offset: 0px;
	outline: -webkit-focus-ring-color auto 0px;
}

.comments .head {
    border-bottom: 1px solid #D6D6D6;
    display: inline-block;
    padding: 15px 0 15px;
    width: 100%;
}
.comments .head h4 {
	font-weight: normal;
	color: #373D44;
	font-size: 18px;
	margin: 0px;
	text-align: left;
	padding-left: 15px
}
.comments .head h4 i {
	padding-right:10px;
}

.comments .form-actions {
    background: none;
    border: none;
    padding-top: 0;
}
.comments .form-actions .btn {
	padding: 8px 30px;
}
.comments .comment {
	margin-bottom: 0px;
	margin-top: 20px;
	padding-bottom: 20px;
}
.comments .comments-content > .comment {
	border-bottom: 1px solid #e3e7eb;
}
.comments .comment .childrens {
	display: none;
}
.comments .comment .childrens .comment:first-child {
	padding-top: 20px;
}

.comments .comment.reply_to {
	margin-top: 10px;
	margin-left: 20px !important;
}
.comments .comment > .childrens {
	padding-left: 20px !important;
}
.comments .comment.reply_to > .childrens {
	padding-left: 0px !important;
}
.comments .btn-show-answers {
	margin-top: 10px;
	margin-left: 60px;
	background: #e9edf1 !important;
	color: #7e8a98 !important;
	padding: 4px 14px;
	box-shadow: none !important;
	border: none !important;
}
.comments .comment .author_pic {
	max-width: 55px;
	float: right;
}
.comments .comment .name {
	font-weight: bold;
}
.comments .comment .reply,
.comments #shownextelements a {
	color: #abd749;
	text-decoration: none;
	margin-left: 0px;
	font-size: 12px;
}
.comments .comment .date {
	font-size: 12px;
}
.comments .comment .response {
	margin-top: 10px;
}
.media > .media-left > div.img.img-circle {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/* new comment */
.new_comment {
	border-top: 1px solid #c0c1c3;
	box-shadow: inset 0px 2px 1px 0px white;
	padding-top: 30px;
}
.new_comment form {
	margin-top: 35px;
}
.new_comment form input[type="text"] {
	height: 25px;
	width: 100%;
}
.new_comment form textarea {
	margin-top: 10px;
	width: 100%;
}

#addCommentForm {
	margin-bottom: 0px;
}
#addCommentForm .form-actions {
	margin-bottom: 0px;
}
#addCommentForm .input-prepend {
	margin-left: 20px;
}

#ContentReponse {
    display:none;
    background:#f9f9f9;
    margin: 20px 0;
    padding:20px;
    padding-bottom: 10px;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px;
}

.comments .comment.reply_to + #ContentReponse {
    margin-top: 10px;
    margin-left: 60px;
}


.comments .comment .comment-infos {
	display: block;
	position: relative;
}
.comments .comment .comment-infos:after {
	clear: both;
	display: table;
	content: ' ';
}

.comments .comment .comment-infos .name,
.comments .comment .comment-infos .actions {
	float: left;
    padding-right: 20px;
    margin-right: 10px;
    border-right: 1px solid lightgray;
    height: 35px;
}
.comments .comment .comment-infos .actions {
    padding-right: 10px;
}
.comments .comment .comment-infos .reply {
	height: 35px;
	line-height: 35px;
	padding-left: 5px;
}
.comments .comment .comment-infos .name {
	font-size: 12px;
	color: #5a687a;
}
.comments .comment .comment-infos .name .date {
	font-size: 12px;
	font-weight: normal;
	color: #a5adb6;
}

.comments .comment .comment-infos .actions .btn {
	padding: 0 !important;
    margin: 0;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 20px;
    height: 35px;
    color: #65778c !important;
}


#shownextelements a {
	background: #7A8C9E;
	border-radius: 7px;
	box-shadow: 0 2px 4px 0 rgba(101,119,140,0.31);
	color: #FFFFFF;
	padding: 8px 20px;
	display: block;
	text-align: center;
}


.modal-badge {

}
.modal-badge .modal-header {
    border-bottom: none;
    padding: 15px;
}
.modal-badge span.flash {
    background-color: #EFCC2B;
    border-radius: 31px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    padding: 5px 12px 4px;
    font-size: 12px;
    text-transform: uppercase;
    float: right;
    margin-right: 10px;
}
.modal-badge .modal-body {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 40px;
}
.modal-badge img.learnynews {
    max-width: 300px;
}
.modal-badge h4 {
    font-size: 36px;
    text-align: center;
    line-height: 44px;
    color: #403D50;
    margin-bottom: 20px;
    font-weight: normal;
}
.modal-badge h4 small {
	font-size: 14px;
    color: #90969E;
}
.modal-badge p.date {
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    color: #90969E;
    margin-bottom: 30px;
}
.modal-badge .btn-info {
    background: #1D93E6;
    box-shadow: none;
    border: none;
    font-size: 14px;
    padding: 15px 38px;
}


.gritter-item img {
	max-width: 25px;
}


@media(max-width:767px) {
    .scormmodule { height: 100% !important; }
    .scormmodule iframe { height: 100% !important; }
}


/* LEFT MENU */
.left-avatar {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 20px;
}
.left-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.left-avatar h4 {
    color: #6c7a90;
    font-size: 18px;
}
.left-avatar p {
    color: #c4cad3;
    margin-bottom: 20px;
}
.left-avatar a {
    border-radius: 50px;
    text-transform: uppercase;
    padding: 12px 30px;
    font-size: 14px;
}
.left-menu {
    margin-bottom: 10px;
    border: 1px solid #dadadb;
    border-radius: 8px;
    background: #FFFFFF;
    overflow: hidden;
}
.left-menu .left-menu-header {
    background: #f9fafb;
    border-bottom: 1px solid #dadadb;
    padding: 15px;
}
.left-menu .left-menu-header h4 {
    color: #202d3f;
    font-size: 16px;
    margin: 0;
}
.left-menu .left-menu-header h4 i {
    color: #556171;
    margin-right: 10px;
}

.left-menu .left-menu-content {
    padding: 15px;
}
.left-menu .left-menu-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.left-menu .left-menu-content ul li {
    cursor: pointer;
    padding: 5px 10px;
    margin-bottom: 0px;
}
.left-menu .left-menu-content ul li i {
    display: none;
}
.left-menu .left-menu-content ul li:hover,
.left-menu .left-menu-content ul li.current {
    background-color: #f5f8fa;
}
.left-menu .left-menu-content ul li a {
    display: block;
    outline: none;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    padding: 0px;
    text-decoration: none;
    color: #677280;
}
.left-menu .left-menu-content ul li a:hover {
    color: #555555;
}



#ModalNews {
    top: 5% !important;
    bottom: 5% !important;
    left: 20% !important;
    width: 60% !important;
    margin-left: 0px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#ModalNews .modal-dialog {
    width: 100%;
    margin: 0;
}
#ModalNews .modal-content {
    position: relative;
    height: 100%;
}
@media(max-width: 767px) {
    #ModalNews {
        top: 0% !important;
        left: 0% !important;
        width: 100% !important;
    }
    #ModalNews .modal-dialog {
        width: auto;
        margin: 10px;
    }
}
#ModalNews .modal-header {
    border-bottom: none;
    padding: 15px;
}
#ModalNews span.flash {
    background-color: #EFCC2B;
    border-radius: 31px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    padding: 5px 12px 4px;
    font-size: 12px;
    text-transform: uppercase;
    float: right;
    margin-right: 10px;
}
#ModalNews .modal-body {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 40px;
    max-height: 80% !important;
}
#ModalNews img.learnynews {
    max-width: 300px;
}
#ModalNews h4 {
    font-size: 36px;
    text-align: center;
    line-height: 44px;
    color: #403D50;
    margin-bottom: 20px;
    font-weight: normal;
}
#ModalNews p.date {
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    color: #90969E;
    margin-bottom: 30px;
}
#ModalNews .preview-image {
    margin-bottom: 40px;
}
#ModalNews .preview-image img {
    max-width: 75%;
}
#ModalNews .btn-info {
    background: #1D93E6;
    box-shadow: none;
    border: none;
    font-size: 14px;
    padding: 15px 38px;
}
#ModalNews .btn-info:hover {
    background: #2088d2;
}



#ModalNewsContent {
    top: 5% !important;
    bottom: 5% !important;
    left: 20% !important;
    width: 60% !important;
    margin-left: 0px !important;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#ModalNewsContent .modal-dialog {
    width: 100%;
    margin: 0;
}
@media(max-width: 767px) {
    #ModalNewsContent {
        top: 0% !important;
        bottom: 0% !important;
        left: 0% !important;
        width: 100% !important;
    }
    #ModalNewsContent .modal-dialog {
        width: auto;
        margin: 10px;
    }
}
#ModalNewsContent .modal-content {
    position: relative;
    height: 100%;
}

#ModalNewsContent .modal-body {
    max-height: 80% !important;
}

#ModalNewsContent .media {
    margin-top: 0px;
}
#ModalNewsContent .media-left {
    padding-right: 15px;
}
#ModalNewsContent img.learnynews {
    max-width: 95px;
}
#ModalNewsContent span.flash {
    background-color: #EFCC2B;
    border-radius: 31px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    padding: 5px 12px 4px;
    font-size: 12px;
    text-transform: uppercase;
    float: left;
    margin-top: -2px;
}
#ModalNewsContent p.date {
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    color: #90969E;
    float:left;
    margin-right: 10px;
}
#ModalNewsContent .media-body {
    padding-top: 20px;
}
#ModalNewsContent .close-news {
    float: none;
    position: absolute;
    right: 15px;
    top: 10px;
}
#ModalNewsContent h4 {
    font-size: 18px;
    line-height: 22px;
    color: #403D50;
}
#ModalNewsContent .modal-body img {
    max-width: 100%;
}
#ModalNewsContent .modal-btn {
    text-align: center;
    margin: 20px 0;
    margin-bottom: 50px;
}
#ModalNewsContent .btn-info {
    background: #1D93E6;
    box-shadow: none;
    border: none;
    font-size: 14px;
    padding: 15px 38px;
}
#ModalNewsContent .btn-info:hover {
    background: #2088d2;
}

#footer .copyright .footer-socials {
    float: right;
}
#footer .copyright .social {
    float: none;
    display: inline-block;
}
@media(max-width: 767px) {
    #footer .copyright .footer-socials {
        float: none;
        text-align: center;
    }
    #footer .copyright .footer-socials a:first-child {
        margin-left: 0;
    }
}

ul.postheader > li.avatar > a.dropdown-toggle {
    width: 50px;
}
ul.postheader > li.avatar > a.dropdown-toggle > div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


.formation-badges {
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    flex-flow: wrap;
}
.formation-badges .formation-badge {
    flex: 0 0 33.3333%;
    padding: 0 10px;
    margin-bottom: 10px;
}
.formation-badges .formation-badge .badge-container {
    padding:5px;
    border-radius:4px;
    border:1px solid #ccc;
    margin-bottom:10px;
    text-align:center;
    background:white;
    height: 100%;
}
.formation-badges .formation-badge .badge-description {
    color:#111;
}
.formation-badges .formation-badge .nb-badges {
    font-size:18px;
    font-weight:bold;
}
@media (max-width: 991px) {
    .formation-badges .formation-badge {
        width: 50%;
    }
}

.formation-badges.theme1 .formation-badge {
    flex: 0 0 25%;
}

.formation-badges.theme2 .formation-badge {
    flex: 0 0 16.66666667%;
    padding: 0;
}
.formation-badges.theme2 .formation-badge .badge-container {
    border: none;
    background: transparent;
}
.formation-badges.theme2 .formation-badge .badge-container h3,
.formation-badges.theme2 .formation-badge .badge-container .badge-description,
.formation-badges.theme2 .formation-badge .badge-container .nb-badges,
.formation-badges.theme2 .formation-badge .badge-container .text-success {
    display: none;
}

.formation-badges.theme3 .formation-badge {
    flex: 0 0 8.33333333%;
    padding: 0;
}
.formation-badges.theme3 .formation-badge .badge-container {
    border: none;
    background: transparent;
}
.formation-badges.theme3 .formation-badge .badge-container h3,
.formation-badges.theme3 .formation-badge .badge-container .badge-description,
.formation-badges.theme3 .formation-badge .badge-container .nb-badges,
.formation-badges.theme3 .formation-badge .badge-container .text-success {
    display: none;
}

@supports (-webkit-touch-callout: inherit) {
    body * {
        background-attachment: scroll !important;
    }
}