@font-face {
    font-family: 'futuraCondMed';
    src: url('font/futura_condensed_medium.eot');
    src: url('font/futura-condensed-medium.woff') format('woff'),
    url('font/futura-condensed-medium.svg') format('svg'),
    url('font/futura-condensed-medium.ttf') format('ttf');
}

@font-face {
    font-family: 'bellerose';
    src: url('font/Bellerose.eot');
    src: url('font/Bellerose.woff') format('woff'),
    url('font/Bellerose.svg') format('svg'),
    url('font/Bellerose.ttf') format('ttf');
}

body {
    font-family: Arial, sans-serif;
    color: #404041;
    padding: 0px;
}

/* PARTIE SOMMAIRE */

.back img { position: fixed; right: 0; top: 75%; width: 50px; height: 50px; z-index: 999; }
.container { margin-top: 10px; max-width: 2200px; width: 90%; }
.col-md-6, .col-md-3 { padding: 0 5px; text-align: center; }
.containerFlex {
    display: -webkit-flex;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 3px;
}

.containerFlexContact{
	display: -webkit-flex; 
	display: flex;
	/* flex-wrap: wrap; */
	margin-bottom:10px;
	padding:3px;
}

.wrapper { margin: auto; }
.titreCommissariat { font-size: 2.5rem; }
.titreFiscalite { font-size: 2.6rem; }

.delocalise{background-color:#00aeb8;height:238px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.75s;}
.delocalise:hover{background:#06eaf9; color:#fff;}
.elearn{background:#f47d44;height:140px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0s;}
.elearn:hover{background:#faa67e;color:#fff;}
.IA{background:#f99d1b;height:160px;-webkit-animation-duration: 1s;-webkit-animation-delay: 1s;}
.IA:hover{background:#fcb54d;color:#fff;}
.parcoursSpecial{background:#c9304e;height:268px;-webkit-animation-duration: 1s;-webkit-animation-delay: 1.25s;}
.parcoursSpecial:hover{background:#ee364f;color:#fff;}
.atelierBrunch{background:#f0547e;height:150px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.25s;}
.atelierBrunch:hover{background:#ec7085;color:#fff;}
.compta{background:#006373;height:200px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.75s;}	
.compta:hover{background:#007d92;color:#fff;}
.social{background:#006373;height:180px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.25s;}
.social:hover{background:#007d92;color:#fff;}
.fiscalite{background:#006373;height:200px;-webkit-animation-duration: 1s;-webkit-animation-delay: 1s;}
.fiscalite:hover{background:#007d92;color:#fff;}
.sect-act{background:#006373;height:180px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.75s;}
.sect-act:hover{background:#007d92;color:#fff;}

#lienFormega{-webkit-animation-duration: 2s;-webkit-animation-delay: 0.25s;}
#partenaires{-webkit-animation-duration: 1s;-webkit-animation-delay: 1s;}
#contact{-webkit-animation-duration: 3s;-webkit-animation-delay: 0.75s;}

/* .specExpert{background-color:rgba(113, 195, 177, 1);height:180px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.5s;} */	
/* .specExpert:hover{background-color:rgba(113, 195, 177, 1);color:#28816d;} */
.commCompt{background:#cb48dd;height:96px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.25s;}
.commCompt:hover{background:#f4b6fc;color:#fff;}	
.conseil{height:260px;-webkit-animation-duration: 1s;-webkit-animation-delay: 0.75s;border:1px solid #c9304e;}
.conseil:hover{}

.flecheSommaire{
	background: linear-gradient(135deg, #e30615, #e5025c);
    background-image: url(../images/Trajectoire-EC-Fond-degrade.jpg);
	background-repeat: no-repeat;
	background-position: center center;
    background-attachment: fixed;
    background-size: contain;
	color:#fff;
	height: 100%;
    width: 100%;
}

.text  { color: #508ba4; }
.text2 { color: #508ba4; font-family: bellerose, Arial, sans-serif; }
.mail:hover { color: #29657e; }
.scrollup { display: none; }

.partenaires4{width:180px;margin:15px 3px 2px 3px;}
.partenaires2{width:120px;margin:15px 3px 0px 3px;}
.partenaires5{width:120px;margin:1px 3px 0px 3px;}
	
.affich-logo-1{display:block;}
.affich-logo-2{display:none;}



a { color: white; }
a:hover { text-decoration: none; }

td {
    border: 1px solid #c4c4c4;
    padding: 5px 5px;
    color: #404041;
}

table {
    border-collapse: collapse;
    text-align: center;
}

th {
    padding: 5px;
    color: #707072;
    font-weight: bold;
}

tr {
    cursor: pointer;
}

/* RUBRIQUES */
.rubrique {
    line-height: 1em;
    width: 100%;
    font-size: 40px;
}

.h2deloc    { color: #00aeb8; }
.h2IA       { color: #f99d1b; }
.h2parcours { color: #c9304e; }
.h2atelier  { color: #ec7085; }
.h2compta, .h2droit, .h2fisc, .h2activite { color: #007d92; }
.h2elearn   { color: #f47d44; }

/* BANDEAUX */
.delocBandeau {
    background: #00aeb8;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 1px;
}

.IABandeau {
    background: #f99d1b;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 1px;
}

.IAPresBandeau, .IAWebBandeau {
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}
.IAPresBandeau{background-color: #fcb54d;}
.IAWebBandeau { background: #fcb54d url(../images/fond-classes-virtuelles-IA.png) no-repeat top right; }

.parcoursBandeau {
    background: #c9304e;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 1px;
}
.parcoursPresBandeau, .parcoursWebBandeau {
    background: #ee364f;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}
.parcoursWebBandeau { background:#ee364f url(../images/fond-classes-virtuelles-parcours.png) no-repeat top right; }

.ateliersBandeau {
    background: #ec7085;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 1px;
}
.ateliersPresBandeau, .ateliersWebBandeau {
    background: #f0547e;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}
.ateliersWebBandeau { background:#f0547e url(../images/fond-classes-virtuelles-ateliers.png) no-repeat top right; }

.comptaBandeau, .droitBandeau, .fiscBandeau, .activiteBandeau {
    background: #007d92;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 1px;
}
.comptaPresBandeau, .droitPresBandeau, .fiscPresBandeau, .activitePresBandeau,
.comptaWebBandeau, .droitWebBandeau, .fiscWebBandeau, .activiteWebBandeau {
    background: #006373;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}
.comptaWebBandeau, .droitWebBandeau, .fiscWebBandeau, .activiteWebBandeau {
    background:#006373 url(../images/fond-classes-virtuelles-compta.png) no-repeat top right;
}

.eLearnBandeau {
    background:#f47d44;
    color: white;
    text-align: left;
    padding-left: 3%;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 1px;
}

/* FOOTER des rubriques */

.flecheFooter{float:left;width:30px;}
.textFooter{line-height:30px;margin-left:50px;}
.footer-rubrique {
    text-align: right;
    padding-right: 5%;
    padding-top: 1%;
    padding-bottom: 3%;
    width: 100%;
    font-size: 28px;
}

.footerDeloc { background: #00aeb8 url(../images/footer-fond-2.jpg) no-repeat right center; background-size:cover; color: #ffffff; text-align: left; padding-left: 20px; }
.footer1ImgDeloc {
    width: 90%; height: 90px; padding: 0px;
    color: #ffffff; border: none; text-align: left;
}
.footer2ImgDeloc {
    width: 10%; min-width: 90px; padding: 0px;
    border: none;
}

.footerIA { background: #fcb54d url(../images/footer-fond-3.jpg) no-repeat right center; background-size:cover; color: #ffffff; text-align: left; padding-left: 20px; }
.footer1ImgIA {
    width: 90%; height: 90px; padding: 0px;
    color: #ffffff; border: none; text-align: left;
}
.footer2ImgIA {
    width: 10%; min-width: 90px; padding: 0px;
    border: none;
}

.footerParcours { background: #ee364f url(../images/footer-fond-4.jpg) no-repeat right center; background-size:cover; color: #ffffff; text-align: left; padding-left: 20px; }
.footer1ImgParcours {
    width: 90%; height: 90px; padding: 0px;
    color: #ffffff; border: none; text-align: left;
}
.footer2ImgParcours {
    width: 10%; min-width: 90px; padding: 0px;
    border: none;
}

.footerAteliers { background: #f0547e url(../images/footer-fond-5.jpg) no-repeat right center; background-size:cover; color: #ffffff; text-align: left; padding-left: 20px; }
.footer1ImgAteliers {
    width: 90%; height: 90px; padding: 0px;
    color: #ffffff; border: none; text-align: left;
}
.footer2ImgAteliers {
    width: 10%; min-width: 90px; padding: 0px;
    border: none;
}

.footerCompta, .footerDroit, .footerFisc, .footerActivite {
    background: #007d92 url(../images/footer-fond-1.jpg) no-repeat right center; background-size:cover; color: #ffffff; text-align: left; padding-left: 20px;
}
.footer1ImgCompta, .footer1ImgDroit, .footer1ImgFisc, .footer1ImgActivite {
    width: 90%; height: 90px; padding: 0px;
    color: #ffffff; border: none; text-align: left;
}
.footer2ImgCompta, .footer2ImgDroit, .footer2ImgFisc, .footer2ImgActivite {
    width: 10%; min-width: 90px; padding: 0px;
    border: none;
}

.footerElearn { background: #f47d44 url(../images/footer-fond-6.jpg) no-repeat right center; background-size:cover; color: #ffffff; text-align: left; padding-left: 20px; }
.footer1ImgElearn {
    width: 90%; height: 90px; padding: 0px;
    color: #ffffff; border: none; text-align: left;
}
.footer2ImgElearn {
    width: 10%; min-width: 90px; padding: 0px;
    border: none;
}

/* TABLEAU */
.ligneBlanche  { height: 35px; border: none; }
.grisClair     { background-color: #e9eaeb; }
.ref           { font-weight: bold; font-size: 14px; }
.no-border-right { border-right: none; }
.no-border-left  { border-left: none; }
.beige         { text-align: left; padding-left: 20px; }
.autre         { text-align: left; padding-left: 20px; }
.new           { width: 25px; }
.tdRel         { position: relative; }
.tdBold        { font-weight: bold; }
.horaires      { font-size: 12px; color: #d6243d; }
.noLink        { cursor: auto; }


.c, .ec{width:25px}
.retransmission{width:90%}

/* RESPONSIVE */
@media all and (max-width: 767px){

	.commCompte{height:180px;}
	.social{height:100px;}
	.juridique{height:180px;}
	#juridique h2 .h3{font-size: 2.5rem;}		
	.actusColab{height:180px;}
	.specExpert{height:180px;}
	.compta{height:180px;}		
	.sectAct{height:180px;}
	/* .prepaDec{height:180px;} */
	.fiscalite{height:100px;}
	.fiscalite2{height:140px;}

	.contact2{margin-top:10px;}
}

@media all and (max-width: 790px) {
    .hide { display: none; }
}

@media all and (max-width: 790px) {
    .hide2 { display: none; }
}
@media all  and (max-width: 440px){
	.containerFlexContact{flex-wrap:wrap;}
    .footer-rubrique{font-size:24px}
}

@media all and (max-width: 630px) {
    .footer-rubrique { line-height: 28px; }
}

@media all and (max-width: 399px) {
    body { font-size: 12px; }
    h1   { font-size: 18px; }
    /*.partenaires4{width:90px;margin:22px 3px 3px 3px;}
	.partenaires2{width:70px;margin:15px 3px 3px 3px;}
	.partenaires5{width:60px;margin:3px 3px 3px 3px;}
    */
    .footer-rubrique{font-size:20px}
}


@media all and (min-width: 400px) and (max-width: 499px) {
    body { font-size: 14px; }
    h1   { font-size: 20px; }

   /* .partenaires4{width:90px;margin:22px 3px 3px 3px;}
	.partenaires2{width:70px;margin:15px 3px 3px 3px;}
	.partenaires5{width:60px;margin:3px 3px 3px 3px;}
   */
}

@media all and (min-width: 500px) and (max-width: 550px) {
    body { font-size: 14px; }
}

@media all and (min-width: 550px) and (max-width: 767px){
	/*.partenaires4{width:115px;margin:22px 3px 3px 3px;}
	.partenaires2{width:85px;margin:15px 3px 3px 3px;}
	.partenaires5{width:75px;margin:3px 3px 3px 3px;}
    */
}

@media all and (min-width: 767px) and (max-width: 910px){
	.partenaires4{width:150px;}
}

@media all and (min-width: 768px){
	body {font-size:16px;}
}

@media all and (min-width: 1399px){
    .retransmission{width:70%}
}

@media all and (min-width: 3000px){
    .retransmission{width:60%}
}

@media all and (min-width: 751px) and (max-width: 890px) {
.tailleSeciale{font-size:14px}
}

@media all and (min-width: 768px) and (max-width: 991px){
	.titreCommissariat{font-size: 2rem;}
	.prepaDec{height:165px;}
}

@media all and (min-width: 768px) and (max-width: 1051px){
    .affich-logo-1{display:none;}
    .affich-logo-2{display:block;}
    .parcoursSpecial{height:269px;}
	.h2{font-size:1.4rem}
}