.chevron-precedent:before
{
content: url(../../../images/icons/image.gif);
width: 1.2rem;
margin: 0.2rem 0.5rem 0 0;
}
.bouton-rond 
{
color: #fff;
display: inline-block;
width: 8.8rem;
height: 6.8rem;/*+padding*/
border-right: 2.5rem;
background-color: #97c652;
vertical-align: middle;
padding-top:2rem;
-webkit-border-radius:10rem;
-moz-border-radius:10rem;
-o-border-radius:10rem;
border-radius:10rem;
text-decoration: none;
}

.moduletable.ariane
{
position: fixed;
top: 0.2rem;
left: 13rem;
z-index: 99998;
font-size: 1.2rem;
color: #000000;
}
.moduletable.ariane a
{
color: #2C8D24;
}
.moduletable.ariane a:hover
{
color: #7b7b7b;
}

/********************************************                           Vieil Habillage             *******************************************************/
/*		habillage de la ligne de tete	*/
div.logo
{
text-align: center;
}
a.a-logo
{

}
div.h-div-telconins
{
text-align: right;
padding-right: 1rem;
}
div.h-div-tel
{
text-align: right;
padding-right: 1rem;
}
div.h-div-connexion
{
text-align: right;
padding-right: 1rem;
}
div.h-div-inscription
{
text-align: right;
padding-right: 1rem;
}
/*
a.h-a-tel p
, a.h-a-connexion p
, a.h-a-inscription p
{
text-align: left;
}
*/

a.h-a-tel
{
text-align: right;
white-space: nowrap;
}
a.h-a-connexion
{
text-align: right;
white-space: nowrap;
}
a.h-a-inscription
{
text-align: right;
white-space: nowrap;
}


/*** home ***/


.layer-home
{
    padding: 2rem;
    display: none;
}

.layer-home p
{
    font-size: 4rem;
        margin-bottom: 2rem;
}


.layer-home a
{
    padding: 1rem;
    border: 1px solid #fff;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
}

.layer-home a:hover
{
    background: #fff;
    color: #022D54;
}

#js-mainnav.megamenu-sticky
{
    box-shadow: 0 3px 5px -2px rgba(57, 63, 72, 0.3);
}

.tp-bullets
{
    display: none;
}

 .m05 img
    {
        width: 60%;
    }

.m02
{
    margin: 3rem 0;
}

/*** expertise ***/ 

.content-page 
{
    width: 80%;
    margin: 3rem auto;
    color: #212121;
    font-size: 1.6rem;
}

.border-text
{
    border-left: 4px solid #707070;
    padding-left: 3rem;
    margin-left: 3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.subtitle-page 
{
    font-family: 'goudy_old_styleregular';
    color: #022D54;
    font-weight: normal;
}


.flex-expertise
{
    display: flex;
    margin: 2rem 0;
}

.item-expertise
{
    width: 33%;
    padding: 1rem;
    margin: 0 2rem;
    box-sizing: border-box;
    text-align: center;
    
}

.item-expertise p
{
    margin: 5px 0;
    color: #525252
}

.item-expertise h3
{
    margin: 1rem 0;
    text-transform: uppercase;
    color: #022D54;
    letter-spacing: 1px;
}

.item-expertise ul li
{
    list-style: none;
    color: #525252
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.hide
{
    display: none;
    opacity: 0;
    transition: opacity 1s;
}

.picto-expertise:hover ~ .hide, .titre-item:hover ~ .hide, .hover-it:hover ~ .hide
{
    display: block;
    opacity: 1;
    animation: fadeIn 1s;
}


/*** formations ***/ 

.flex-content
{
    display: flex;
    margin-top: 5rem;
}

.left-content
{
    width: 50%;
}

.left-content img 
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.right-content
{
    width: 50%;
    margin-left: 3rem;
    padding: 1.5rem;
    border: 0.2rem solid #f07d00;
    font-size: 2.2rem;
    line-height: 2.5rem;
}

.right-content a 
{
    color: #022D54;
}

.separator-light
{
    border: 1px solid #A0A0A0;
    margin: 2rem 0;
}

ul.list-formations
{
    margin-top: 2rem;
}
ul.list-formations > * + *
{
    margin-top: 0.75rem;
}
ul.list-formations li
{
list-style: none;
}
ul.list-formations h3
{
color: #212121;
font-size: 2.1rem;
}
ul.list-formations .suheader
{
color: #212121;
font-size: 1.8rem;
}
ul.list-formations .date
{
color: hsl(208.5, 95.3%, 30%);
}
.formationsold {
    border: 0.2rem solid #022D54;
    padding: 2.5rem;
}
.formationsold h2
{
 text-align: center;
 color: #022D54;
}

.formationsold h2::after {
    content: '';
    display: block;
    height: 2px;
    background: #022D54;
    width: 25%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.formationnew {
    margin-top: 3rem;
}

.formationnew h2
{
    font-size: 3rem;
    text-align: center;
    color: #F07D00;
}

.formationnew h2::after {
    content: '';
    display: block;
    height: 2px;
    background: #F07D00;
    width: 20%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}

.formationdetail
{
    border: 0.2rem solid #F07D00;
    padding: 2.5rem;
}

.boutonorange a {
    color: white;
    padding: 1.2rem 2rem;
    background-color: #F07D00;
    font-family: 'comfortaa-bold';
    font-weight: normal;
    letter-spacing: 1px;
    border: 2px solid #F07D00;
    line-height: 5.7rem;
    display: inline-block;
    line-height: 1;
    margin-top: 2rem !important;
}

.boutonorange a:hover
, .boutonorange a:focus
{
background: transparent;
color: #022D54;
transition: all 0.2s;
}

/*** contact ***/

.img-contact
{
	flex: 1 2 40%;
    box-sizing: border-box;
}
.img-contact img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-width: 24rem;
}

.text-contact
{
	width: 60%;
	border: 1px solid #022D54;
	padding: 4rem 1rem;
    box-sizing: border-box;
	text-align: center;
	font-size: 2rem;
	line-height: 2.3rem;
	flex: 2 1 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.text-contact > p
{
font-size: 2.3rem;
font-weight: bold;
}
.text-contact address
, .text-contact address > *
{
margin-top: 1.2rem;
font-size: 1.8rem;
}

.text-contact a
{
    color: HSL(208.5, 95.3%, 30%);
}
.text-contact a:hover,
.text-contact a:focus
{
    color: HSL(208.5, 95.3%, 40%);
    text-decoration: underline;
}




.map-contact
{
    width: 100%;
}

.map-contact iframe
{
    width: 100%;
}


/*** l'équipe ***/ 

.img-team
{
    width: 40%;
}

.intro-text
{
    text-align: center;
    width: 60%;
    margin:2rem auto;
}

.img-team img
{
    width: 100%;
}

.text-team
{
    width: 60%;
    padding-left: 2rem;
}

.text-team h3
{
    margin-bottom: 1rem;
    color: #022D54;
}

.team-item
{
    width: 50%;
    padding: 2rem;
    box-sizing: border-box;
}

.text-team p
{
    margin-bottom: 5px;
    text-align: justify;
}

.content-team 
{
    width: 100%;
    margin: 3rem auto;
    color: #212121;
    font-size: 2rem;
}

.wrap-flex
{
    display: flex;
}


/*** news actus ***/

#eb .eb-mod-thumb .eb-mod-image
{
    border: 0;
    padding: 0;
}

.eb-entry-title 
{
    color: #022D54;
}

/*** animate bandeau home ***/

.bandeau-home
{
    
}

.wrap-anim
{
    height: 60px;
    padding: 2rem;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
}

.item1, .item2, .item3, .item4 
{
	/*! position: absolute; */
    display: block;
	/*! top: 4.2rem; */
    width: 100%;
	animation-duration: 20s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
    font-size: 2.5rem;
	line-height: 4rem;
    font-family: 'comfortaa-bold';
    font-weight: normal;
	flex: 1 0 100%;
}

.item1
{
	animation-name: anim-1;
}

.item2
{
	animation-name: anim-2;
}

.item3
{
    animation-name: anim-3;
}


@keyframes anim-1 
{
    0%, 8.3% 
    {
    transform: translateX(100%);
    opacity: 0; 
    }
    8.3%, 25%
    {
     transform: translateX(0);
     opacity: 1; 
    }
    33.33%, 100%
    {
    transform: translateX(-100%);
    opacity: 0; 
    }
}

@keyframes anim-2 
{
    0%, 33.33% 
    {
    transform: translateX(0);
    opacity: 0; 
    }
    41.63%, 58.29% 
    { 
    transform: translateX(-100%);
    opacity: 1; 
    }
    66.66%, 100% 
    {
    transform: translateX(-200%);
    opacity: 0; 
    }
}

@keyframes anim-3 
{
    0%, 33.33% 
    {
    transform: translateX(0);
    opacity: 0; 
    }
    41.63%, 58.29% 
    { 
    transform: translateX(-100%);
    opacity: 1; 
    }
    66.66%, 100% 
    {
    transform: translateX(-200%);
    opacity: 0; 
    }
}