/*****************************************************************
DEBUT RTE
*****************************************************************/

a {
    outline: none;
}

:focus {
    outline: 0 !important;
}

i {
    font-style: italic;
}

.common .csc-frame-default h2 {
    font-size: 24px;
    font-family: 'Miller';
    color: #272726;
    text-transform: uppercase;
    font-weight: bold;
}

.common .csc-frame-default h3 {
    /*
	font-size:32px;
    font-family: 'Miller Bold';
	color:#272726;
*/
    font-size: 18px;
    font-family: 'WorkSans';
    color: #f02a8c;
    text-transform: uppercase;
    font-weight: bold;
}

.common .csc-frame-default h4 {
    font-size: 16px;
    font-family: 'WorkSans';
    color: #000;
}

.tx-bi-multicontent h5,
.common .csc-frame-default h5 {
    font-size: 16px;
    font-family: 'WorkSans';
    color: #f02a8c;
}

.common .csc-frame-default h6 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'WorkSans';
    color: #f02a8c;
    margin-bottom: 5px;
}

.common .csc-frame-default p {
    font-size: 14px;
    font-family: 'WorkSans';
    color: #272726;
}

.common .csc-frame-default ul {
    padding: 0px;
    margin: 0px;
    padding-left: 10px;
}

.common .csc-frame-default ul li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    padding-left: 15px;
    padding-bottom: 5px;
    background-image: url('../img/puce_menu.png');
    background-repeat: no-repeat;
    background-position: left 4px;
    font-size: 14px;
    font-family: 'WorkSans';
}

.common .csc-frame-default p.titre_formation {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'WorkSans';
    color: #272726;
    font-weight: bold;
}

.common .csc-frame-default p.titre_formation_contenu {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'WorkSans';
    color: #f02a8c;
    margin-bottom: 3px;
    font-weight: bold;
}

.csc-textpic-text p.block_gris,
.csc-textpic-text div.block_gris {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #eaeaea;
    font-size: 14px;
    text-align: center;
}


/*
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{
	padding-bottom:50px;
	margin-bottom:30px;
	background-image:url('../img/barre_bas.jpg');
	background-repeat:no-repeat;
	background-position:bottom center;
}
*/

div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-left: 40px;
    margin-right: 40px;
}

.taux_reussite {
    background-image: url('../img/fond_rond.png');
    font-size: 22px;
    font-family: 'Miller Bold';
    color: #272726;
    text-align: center;
    width: 96px;
    height: 96px;
    position: absolute;
    top: 75px;
    right: 0px;
}

.taux_reussite .chiffre {
    font-size: 39px;
    font-family: 'Miller Bold';
    color: #272726;
}

.taux_reussite .phrase {
    display: block;
    font-size: 17px;
    font-family: 'PTSans Bold';
    color: #272726;
    display: block;
    margin-top: -8px;
}


/*****************************************************************
FIN RTE
*****************************************************************/


/*****************************************************************
DEBUT HEADER
*****************************************************************/

.navbar {
    position: relative;
    min-height: 40px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

header .content-navbar-toggle {
    display: none;
}

.search-desktop {
    right: 0px;
    top: 0px;
}


/*****************************************************************
FIN HEADER
*****************************************************************/


/*****************************************************************
DEBUT COMMON
*****************************************************************/

.common {}

.background-2couleur {
    background-image: url('../img/fond_bicolore.jpg');
    background-repeat: repeat-y;
    background-size: contain;
}

#left-menu {
    padding-top: 55px;
    background-color: rgb(243, 243, 243);
    margin-left: -15px;
}

#left-menu-content {
    width: 325px;
    margin-left: -50px;
}

#content-page.cols2 {
    margin-bottom: 50px;
}


/*************************
	TITRE MENU LEFT
*************************/

#left-menu #left-menu-title {
    background-image: url('../img/fond_tmenu.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #343432;
    color: white;
    text-align: center;
    padding: 7px 17px;
}

#left-menu #left-menu-title span {
    font-family: 'HelveticaNeueLTStd-Md';
    /*no modif*/
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    line-height: 43px;
}


/*************************
	LIEN MENU LEFT
*************************/

#left-menu .askDoc {
    /*
	background-image:url('../img/fond_lmenu.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	background-color:#f02a8c;
	color:white;
	text-align:center;
	padding:7px 17px;
	display:block;
	margin-top:50px;
*/
    text-align: center;
    display: block;
    border: 1px solid #272726;
    height: 40px;
    line-height: 40px;
    width: 250px;
    text-transform: uppercase;
    color: #272726;
    background: #fff;
    margin: 50px auto;
    display: none;
}

#left-menu .askDoc span {
    font-family: 'WorkSans';
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    line-height: 43px;
}


/*************************
	APPARENCE MENU
*************************/

#left-menu .left-menu li {
    background-image: url('../img/footer_elt_menu.png');
    background-repeat: no-repeat;
    background-position: center bottom;
}

#left-menu .left-menu li a {
    font-family: 'HelveticaNeueLTStd-Md';
    /*no modif*/
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    line-height: 40px;
    padding-left: 15px;
    background-image: url('../img/puce_menu.png');
    background-repeat: no-repeat;
    background-position: left center;
    color: #272726;
    outline: none;
}

#left-menu .left-menu li a:hover,
#left-menu .left-menu li.act a {
    color: #f02a8c;
}

#content-page {
    padding-top: 55px;
    /*padding-left: 40px;*/
    background-color: rgb(255, 255, 255);
    min-height: 800px;
    padding-left: 0;
}

.col1 #content-page {
    min-height: 0px;
}

.common .breadcrumb {
    background-color: rgb(255, 255, 255);
    color: #b7b7b7;
    padding: 7px 0px;
    font-size: 10px;
}

.common .breadcrumb a span {
    font-family: 'WorkSans';
    color: #b7b7b7;
    font-size: 12px;
}

.news-list-browse {
    font-size: 13px;
}

.showResultsWrap {
    display: none;
}


/*#content-page .titlepage{
    padding: 7px 0px;
}*/

.common .titlepage h1 {
    font-family: 'WorkSans';
    font-size: 14px;
    background-color: #272726;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    padding: 11px 13px 6px 13px;
}

.plugin,
#c61,
.titlepage h1,
.fil_ariane,
#content-page .content-page h2,
#content-page .content-page h3,
#content-page .content-page h4,
#content-page .content-page h5,
#content-page .content-page h6,
#content-page .content-page ul,
#content-page .content-page p {
    margin-left: 90px;
    margin-right: 90px;
}

#content-page .content-page .annonce p {
    margin-left: 0px;
    margin-right: 0px;
}

.bicol .plugin,
.bicol .titlepage h1,
.bicol .fil_ariane,
.bicol #content-page .content-page h2,
.bicol #content-page .content-page h3,
.bicol #content-page .content-page h4,
.bicol #content-page .content-page h5,
.bicol #content-page .content-page h6,
.bicol #content-page .content-page ul,
.bicol #content-page .content-page p {
    margin-left: 40px;
    margin-right: 40px;
}

.bicol #content-page .content-page p {
    margin: 20px 40px;
}

.fil_ariane {
    margin-bottom: 0;
    padding-bottom: 0;
}

.bicol #content-page .content-page p.plain_width {
    margin: 0;
}


/*************************
	FOOTER Audio player
*************************/

.audio-player {
    z-index: 99;
}


/*************************
	PAGE FORMATION
*************************/


/**************************************************
	Plugin ImageEtiquette
**************************************************/

.common .clear {
    clear: both;
}

.common .image_etiquette {
    position: relative;
    margin-top: 50px;
}

.common .image_etiquette.plus_bas {
    margin-bottom: 230px;
}

.common .image_etiquette .numberInfo {
    padding: 0px;
}

.common .image_etiquette .numberInfo .number {
    font-size: 48px;
    font-family: 'Miller Bold';
    text-align: center;
    color: #9b8055;
}

.common .image_etiquette .numberInfo .texte {
    font-size: 14px;
    font-family: 'WorkSans';
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.common .etiquette_bloc {
    height: 255px;
    width: 235px;
    background-color: #272727;
    padding: 30px;
    position: absolute;
    bottom: -50px;
    background-image: url('../img/fond_etiq_form.jpg');
    background-repeat: no-repeat;
    background-position: center center;
}

.common .image_etiquette .indication_image {
    position: absolute;
    bottom: 120px;
    width: 25%;
    text-align: right;
    padding-right: 15px;
    font-family: 'WorkSans';
    font-size: 12px;
}

.common .image_etiquette .indication_image b {
    font-family: 'WorkSans';
}

.common .image_etiquette .indication_source {
    font-family: 'WorkSans';
    font-size: 10px;
    position: absolute;
    right: -55px;
    bottom: 120px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.common .etiquette_bloc.plus_bas {
    bottom: -180px;
}

.common .etiquette_bloc .texte1 {
    font-family: 'WorkSans';
    font-size: 18px;
    text-align: center;
    margin-top: 37px;
    color: #f02a8c;
}

.common .etiquette_bloc.presentation .texte1 {
    font-family: 'WorkSans';
    font-size: 18px;
    text-align: center;
    margin-top: 30px;
    color: #f02a8c;
}

.common .etiquette_bloc .texte_alone {
    font-size: 30px;
    font-family: 'WorkSans';
    margin-top: 30px;
    text-align: center;
    color: #f02a8c;
    line-height: 34px;
}

.common .etiquette_bloc .texte2 {
    font-family: 'WorkSans';
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    text-align: center;
}

.common .etiquette_bloc .texte3 {
    font-size: 36px;
    font-family: 'Miller';
    color: #f02a8c;
    text-align: center;
    text-transform: uppercase;
}

.common .image_etiquette .image-ie img {
    width: 100%;
}


/**************************************************
	Plugin blockInformation
**************************************************/

.common .blocinformation {
    clear: both;
    margin-bottom: 45px;
    margin-top: 45px;
    padding-left: 36px;
}

.common .blocinformation.binfo_0 {
    margin-top: 90px;
    padding-left: 36px;
}

.common .blocinformation .img-responsive {
    display: inline-block;
}

.common .blocinformation .image-binfo-odd {
    border-right: 1px solid #272726;
}

.common .blocinformation .image-binfo-even {
    border-left: 1px solid #272726;
    text-align: right;
    float: right;
}

.common .blocinformation .image-binfo-odd div,
.common .blocinformation .image-binfo-even div {
    font-family: 'Miller Bold';
    font-size: 32px;
    line-height: 135px;
}

.common .blocinformation .image-binfo-odd div {
    text-align: right;
}

.common .blocinformation .image-binfo-even div {
    text-align: left;
}


/**************************************************
	Plugin basFormation
**************************************************/

.common .onImage {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 20px 40px;
    margin-top: 12%;
}

.common .affichage2basf {
    background-size: cover;
    background-position: center center;
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
    width: 100%;
    height: 100%;
}

.common .contentaffichage2basf {
    position: relative;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    overflow: hidden;
    height: 670px;
    width: 100%;
    top: -140px;
    margin-bottom: -200px;
}

.common .affichage2basf img {
    width: 100%;
    height: auto;
}

.common .basFormation {
    margin-bottom: 25px;
    margin-left: 40px;
    margin-right: 40px;
    color: white;
}


/* page admission: reduction espace entre phrase de presentation et bloc plaquettes */

.common .tx-bi-multicontent .containerForm {
    margin: 25px auto;
    margin-top: 30px;
    position: relative;
    z-index: 1;
}

.common .basFormation .button {
    height: 115px;
    margin-left: -15px;
    margin-right: -15px;
    color: white;
    text-transform: uppercase;
    padding-top: 20px;
}

.common .basFormation .button a {
    color: white;    
    font-family: 'Miller';
    font-size: 1.25em;
    text-align: right;
    display: block;
    padding: 0 1em 0 4em;
}
@media (max-width:768px){
    .common .basFormation .button a {
        padding: 0;
        text-align: center
    }
}
@media (min-width:1591px){
    .common .basFormation .button a {
        padding: 1em 1em 0 5em;
    }
}

.common .basFormation .button .text span {
    font-family: 'WorkSans';
    font-size: 14px;
    display: block;
    line-height: 16px;
}

.common .basFormation .button .text {
    font-family: 'WorkSans';
    font-size: 30px;
    line-height: 30px;
    padding-top: 9px;
}

.common .containerForm .basFormation {
    margin: 0 auto;
    float: none;
}

.common .bottomFormation {
    margin-top: 110px;
    margin-bottom: 40px;
}

.common .bottomFormation>div {
    font-family: 'Miller';
    font-size: 25px;
    text-align: center;
    margin-bottom: 40px;
    border-right: 1px dotted #EFEFEF;
}

.common .bottomFormation>div #SkypeButton_Call_Baroutch_2 {
    padding-top: 20px;
}

.common .bottomFormation>div .button {
    font-family: 'WorkSans';
    text-transform: uppercase;
    font-size: 27px;
    background-image: url("../img/fond_lmenu.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #F02A8C;
    color: #FFF;
    text-align: center;
    padding: 7px 17px;
    display: block;
    width: 75%;
    margin: 0 auto;
    margin-top: 20px;
    line-height: 40px;
    min-height: 54px;
}

.common .bottomFormation>div .button.telephone {
    font-size: 27px;
}

.common .containerForm .basFormation .button .text {
    font-family: 'WorkSans';
    font-size: 25px;
    line-height: 30px;
    padding-top: 9px;
}

.common .basFormation .button .icon {
    background-image: url('../img/puce_dll.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 39px;
    margin-top: 18px;
    border-right: 1px solid #f788bf;
}

.common .basFormation .buttonDocumentation {
    background-color: #ba1d6b;
    background-image: url("../img/button_bas_formation.png");
    background-repeat: no-repeat;
    background-position: center bottom;
}

.common .basFormation .buttonDossier {
    background-color: #f02a8c;
}

.common .basFormation .labelPF {
    background-color: #000000;
    height: 230px;
    padding-top: 70px;
    text-align: center;
}

.common .basFormation .labelPF span {
    font-family: 'Miller Bold';
    font-size: 30px;
}

.common .basFormation .pointFort {
    background-image: url('../img/fond_bas_formation.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    background-color: #dadada;
    height: 230px;
    display: table;
}

.common .basFormation .pointFort {
    color: #272726;
    font-family: 'WorkSans';
}

.common .basFormation .pointFort ul {
    padding: 20px 0 20px 25px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    display: table-cell;
}


/* fixed formations links */

#linkFormation {
    position: fixed;
    right: 0;
    z-index: 101;
    bottom: 40%;
}

#linkFormation .button a {
    display: block;
    color: white;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    padding-right: 100px;
    margin-right: -70px;
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s;
}

#linkFormation .button a:hover {
    transform: translateX(-50px);
}

#linkFormation .buttonDossier a {
    background: #ef278a;
}

#linkFormation .buttonDocumentation a {
    background: #ba1d6b;
}


/**************************************************
	PAGE SUPDEMOD PRESENTATION
**************************************************/


/**************************************************
	Plugin basPresentation
**************************************************/

.common .listBasPresentation {
    margin-top: 50px;
    padding-bottom: 50px;
}

.common .baspresentation {
    clear: both;
    padding-left: 36px;
}

.common .baspresentation.binfo_0 {
    margin-top: 90px;
    padding-left: 36px;
}

.common .baspresentation .img-responsive {
    display: inline-block;
}

.common .baspresentation .image-binfo-even,
.common .baspresentation .image-binfo-odd {
    padding-left: 0px;
    padding-right: 0px;
}

.common .baspresentation .odd-desc h3,
.common .baspresentation .even-desc h3 {
    font-size: 24px;
}

.common .baspresentation .odd-desc h3,
.common .baspresentation .even-desc h3,
.common .baspresentation .odd-desc p,
.common .baspresentation .even-desc p {
    margin-left: 0px;
    margin-right: 0px;
}

.common .baspresentation .image-binfo-even {
    text-align: right;
    float: right;
}

.common .baspresentation .image-binfo-odd div,
.common .baspresentation .image-binfo-even div {
    font-family: 'Miller Bold';
    font-size: 32px;
    line-height: 135px;
}

.common .baspresentation .image-binfo-odd div {
    text-align: right;
}

.common .baspresentation .image-binfo-even div {
    text-align: left;
}

.common .baspresentation .image-binfo-odd div {
    text-align: right;
}

.common .baspresentation .image-binfo-even div {
    text-align: left;
}


/**************************************************
	Plugin basImageEtiquette
**************************************************/

.common .basImageEtiquette {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    background-image: url('../img/dotted_bottom.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}

.common .basImageEtiquette .image-basIEt {
    padding-left: 0px;
    padding-right: 0px;
}

.common .basImageEtiquette .image-basIEt img {
    margin-top: 30px;
}

.common .basImageEtiquette .desc {
    margin-top: 10px;
    padding-left: 25px;
}

.common .basImageEtiquette .desc h2,
.common .basImageEtiquette .desc h3,
.common .basImageEtiquette .desc h4,
.common .basImageEtiquette .desc h5,
.common .basImageEtiquette .desc h6,
.common .basImageEtiquette .desc p {
    margin-left: 0px;
    margin-right: 0px;
}


/**************************************************
	PAGE OFFRE D EMPLOI
***********************************************/


/**************************************************
	FORMULAIRE Annonce
***********************************************/

#c56 .tx-powermail {
    /*margin-left:75px;*/
}

#c56 .tx-powermail h3 {
    background-image: url("../img/dotted_bottom.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 13px;
    margin-bottom: 13px;
}

#c56 .tx-powermail .powermail_fieldset {
    background-color: #D6D6D6;
    padding-top: 15px;
    padding-bottom: 15px;
}

#c56 .tx-powermail .col-sm-12 {
    padding-left: 35px;
    padding-right: 35px;
}

#c56 .tx-powermail .powermail_fieldwrap_text {
    background-color: #272727;
    padding: 3px;
    padding-left: 26px;
    padding-right: 26px;
    color: white;
    font-family: "WorkSans";
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 35px;
    margin-right: 35px;
    margin-top: 50px;
    float: left;
    width: auto;
}

#c56 .tx-powermail .powermail_fieldwrap_1 {
    margin-top: 0px;
}

#c56 .tx-powermail label {
    display: block;
    width: 100%;
    margin-top: 22px;
    text-transform: uppercase;
    font-family: "WorkSans";
    font-weight: normal;
}

#c56 .tx-powermail input,
#c56 .tx-powermail select,
#c56 .tx-powermail textarea {
    display: block;
    width: 100%;
    border: none;
    padding: 5px;
    resize: none;
    outline: none;
}

#c56 .tx-powermail .powermail_legend {
    display: none;
}

#c56 .tx-powermail .powermail_fieldwrap_submit {
    font-family: "WorkSans";
    text-transform: uppercase;
    margin-top: 25px;
    margin-left: 25%;
    background-color: #F02A8C;
    color: #FFF;
    text-align: center;
    padding: 0px
}

#c56 .tx-powermail .powermail_fieldwrap_submit input {
    background-color: #F02A8C;
    color: #FFF;
    padding: 10px 30px;
}

#c56 .tx-powermail .powermail_fieldwrap_submit input:hover {
    text-decoration: underline;
}


/**************************************************
	FORMULAIRE Annonce
***********************************************/

.cols2 .alert-success {
    margin-bottom: 0px;
    margin-left: 90px;
}

#content-page .content-page .tx-bi-annonce h3 {
    background-image: url("../img/dotted_bottom.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 13px;
    margin-bottom: 13px;
    margin-left: 0px;
    margin-right: 0px;
}

.tx-bi-annonce .annonce {
    background-color: #EFEFEF;
    padding: 15px 40px;
    margin-bottom: 30px;
    width: 96%;
}

#c183 {
    margin: 5%;
}

#filters {
    margin-bottom: 3%;
}

.tx-bi-annonce .annonce .type {
    background-color: #272727;
    padding: 3px;
    padding-left: 26px;
    padding-right: 26px;
    color: white;
    font-family: "WorkSans";
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: auto;
    display: inline-block;
}

.tx-bi-annonce .annonce .titre {
    font-size: 32px;
    font-family: "Miller Bold";
    color: #272726;
    text-transform: lowercase;
}

.tx-bi-annonce .annonce .titre:first-letter {
    text-transform: uppercase;
}

.tx-bi-annonce .annonce .description {
    margin-bottom: 20px;
}

.tx-bi-annonce .annonce .button {
    font-family: "WorkSans";
    text-transform: uppercase;
    text-align: center;
    background-color: #F02A8C;
    color: #FFF;
    padding: 10px 30px;
    display: inline-block;
}


/*****************************************************************
POPIN
*****************************************************************/

.modal {
    background: rgba(255, 255, 255, .3);
}

.modal-dialog {
    position: fixed;
    left: 0;
    width: 100%;
}

.modal .modal-header {
    border: 0;
}

.modal .modal-header>p {
    color: #f02a8c;
    font-size: 12px;
}

.modal .modal-header>h4.modal-title {
    text-transform: uppercase;
    font-family: 'Miller';
    font-size: 35px;
    line-height: 40px;
    font-weight: 600;
}

.modal .modal-header>hr.modal-title {
    width: 50px;
    border: 2px solid #000;
    margin-top: 25px;
}

.modal .modal-content {
    background: rgb(255, 255, 255);
    border: 0;
    border-radius: 0;
    padding: 3em;
    overflow: auto;
    max-height: 100vh;
    top: 90px;
}

.modal .modal-content .legal-text {
    margin-bottom: 4em;
}

.modal .modal-content .legal-text p {
    font-size: 12px;
}

.modal .modal-content .legal-text a {
    text-decoration: underline;
    color: #272726;
}

.modal .popin-image {
    object-fit: cover;
    width: 100%;
}

.modal form {
    padding: 0;
}

.modal input,
.modal button {
    border-radius: 0;
    font-weight: 200;
    text-transform: uppercase;
    margin: 5px 0;
}

.modal button.close {
    font-weight: 200;
    font-size: 3em;
    top: -30px;
    position: relative;
}

.modal input[type="email"],
.modal input[type="text"] {
    padding: 10px 0;
    height: auto;
    font-size: 20px;
    font-weight: 200;
    border: 0;
    border-bottom: 2px solid #ccc;
    margin: 2em 0;
    outline: 0;
    box-shadow: inherit;
}

.modal input[type="email"]:focus,
.modal input[type="text"]:focus {
    border-bottom: 2px solid #000;
    transition: all 250ms ease-in-out;
}

.modal input[type="submit"] {
    margin: 0 auto;
    background: #272726;
    color: #fff;
    padding: 15px 50px;
    letter-spacing: 2px;
}

.modal label.error {
    display: block;
    color: #d33;
}

.modal label#email-error.error {
    position: relative;
    top: -2em;
    color: #d33;
}

.modal input.form-control.error {
    border-bottom: 2px solid #d33;
}

.modal input.form-control.valid {
    border-bottom: 2px solid #593;
}


/*****************************************************************
FIN COMMON
*****************************************************************/

#content-page #inscription h2 {
    margin: 0 0 10px 0;
}

#content-page #inscription {
    padding: 40px;
}

#content-page #inscription .clearfix h2 {
    font-size: 18px;
    font-family: 'WorkSans';
    color: #f02a8c;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 20px 0;
}

#content-page #inscription .form-group {
    width: 45%;
    float: left;
    margin-right: 5%;
}

#content-page #inscription .clearfix {
    clear: both;
}

#content-page #inscription .actions {
    margin: 50px 0;
    display: inline-block;
    clear: both;
    float: left;
}

.progressNumber {
    border: 1px solid #ef278a;
    color: #fff;
    font-weight: bold;
    margin: 10px 0 20px 0;
}

.step1,
.step2,
.step3,
.step4,
.step5,
.step6,
.step7 {
    background: #ef278a;
    padding-left: 15px;
}

.step1 {
    width: 0%;
    color: #ef278a;
    padding: 0;
    margin-left: 15px;
}

.step2 {
    width: 15%
}

.step3 {
    width: 30%
}

.step4 {
    width: 45%
}

.step5 {
    width: 60%
}

.step6 {
    width: 75%
}

.step7 {
    width: 90%
}

#content-page .content-page #inscription p {
    margin: 0;
}

.btn-primary {
    color: #fff;
    background-color: #ef278a;
    border-color: #ba1d6b;
}

.btn-primary:hover {
    color: #fff;
    background-color: #ba1d6b;
    border-color: #ba1d6b;
}

#inscription .form-control,
#inscription .form-group .form-control {
    background-image: none;
}

#inscription .form-group.is-focused .form-control {
    background-image: none;
}

.inscriptions-header-btn {
    font-weight: bold;
    border: 2px solid;
    display: inline-block;
    padding: 5px 10px;
    margin-left: 40px;
}

.inscriptions-header-btn-black {
    float: right;
    color: #fff;
    background: #000;
    border: 0;
}

.inscriptions-intro {
    width: 80%;
    background: #eee;
    margin: 5% 10%;
    padding: 2%;
}

.inscriptions-intro-img {
    background: #ddd;
    width: 50%;
    height: 100%;
    margin-top: 20px;
}

.inscriptions-intro-txt {
    width: 50%;
    float: right;
}

.bicol #content-page .content-page a.inscriptions-intro-btn {
    margin: 20px 40px;
    color: #000;
    font-weight: bold;
    background: #ddd;
    padding: 10px 15px;
}

.inscriptions-modalites-left,
.inscriptions-modalites-right {
    width: 50%;
    float: left;
}

.inscriptions-frais {
    padding: 20px 40px;
}

#content-page .content-page .inscriptions-frais h2 {
    margin: 0;
    margin-bottom: 10px;
}

.inscriptions-frais th,
.inscriptions-frais td {
    padding: 10px;
    border: 1px solid;
}
/************************  FORM style bloc bulletin depuis 2 ans ********************/
#content-page #inscription .fg1 ,#content-page #inscription .fg2 ,#content-page #inscription .fg3, #content-page #inscription .fg4, #content-page #inscription .fg5, #content-page #inscription .fg6{
    width:unset;
    float: none;
}
#content-page #inscription .fg2 > label, #content-page #inscription .fg3  > label, #content-page #inscription .fg4  > label, #content-page #inscription .fg5  > label, #content-page #inscription .fg6  > label{
   
    display: none;
}
.fg2 > .input, .fg3 > .input, .fg4 > .input, .fg5 > .input, .fg6 > .input{
   display: inline-block;
}
.FormGroupBulletin2ans{
    width: 45%;
    float: left;
    margin-right: 5%;
}
/************************  FORM style bloc Diplome ********************/
#content-page #inscription .fg7 ,#content-page #inscription .fg8 ,#content-page #inscription .fg9, #content-page #inscription .fg10, #content-page #inscription .fg11{
    width:unset;
    float: none;
}
#content-page #inscription .fg8 > label, #content-page #inscription .fg9  > label, #content-page #inscription .fg10  > label, #content-page #inscription .fg11  > label{
   
    display: none;
}
.fg8 > .input, .fg9 > .input, .fg10 > .input, .fg11 > .input{
   display: inline-block;
}
.FormGroupDiplome{
    width: 45%;
    float: left;
    margin-right: 5%;
}
/************************  FORM style bloc Bulletin de note correspondant au Diplome ********************/
#content-page #inscription .fg12 ,#content-page #inscription .fg13 ,#content-page #inscription .fg14, #content-page #inscription .fg15, #content-page #inscription .fg16{
    width:unset;
    float: none;
}
#content-page #inscription .fg13 > label, #content-page #inscription .fg14  > label, #content-page #inscription .fg15  > label, #content-page #inscription .fg16  > label{
   
    display: none;
}
.fg13 > .input, .fg14 > .input, .fg15 > .input, .fg16 > .input{
   display: inline-block;
}
.FormGroupReleveDiplome{
    width: 45%;
    float: left;
    margin-right: 5%;
}


/**********  gestion du hide form  ****************/
.hideFGB{
    display:none !important;
}
.hideFGD{
    display:none !important;
}
.hideFGRD{
    display:none !important;
}
.fg1 .input, .fg7 .input, .fg12 .input{
    display: inline-flex;
}
.buttonToHideForm{
    height:30px;
    width:30px;
    border:solid 1px black;
    text-align: center;
    font-size: 2em;
    line-height: 0.85em;
    cursor: pointer;
}

@media(max-width:1110px){
    #content-page #inscription .form-group, .FormGroupBulletin2ans , .FormGroupDiplome, .FormGroupReleveDiplome{
        width: unset;
    float: unset;
    margin-right: 0%;
    display: block;
    }
    #content-page #inscription .form-group label{
        width:100%;
    }

}
@media (max-width:992px){
    .inscriptions-intro{
        margin:0;
        width:100%;
    }
    #content-page{
        margin:0 !important;
        padding-right:15px !important;
    }
    .inscriptions-intro-txt{
        float: none;
        width:100%;
    }
    .inscriptions-intro-img{
        width:100%;
    }
    .bicol #content-page .content-page a.inscriptions-intro-btn{
        margin:0;
    }
    .inscriptions-intro-p{
        margin-bottom:50px !important;
    }
    .inscriptions-modalites-left, .inscriptions-modalites-right{
        width:100%;
        margin-top:15px;
    }
    .inscriptions-frais{
        padding:20px 0;
    }
    .inscriptions-frais > table{
        font-size:10px;
    }
}