/*Version MOBILE*/
@media screen and (max-width: 740px) {
	.mentionsTitre{
		padding-top:120px;
	}
    body{
        background-color: #fafafa;
        margin:0;
    }

    .button{
        text-decoration: none;
        color:#027F8D;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        border:1px solid #027F8D;
        padding:7px;
        border-radius: 5px;
        transition-duration:0.7s;
        font-size : 13px;
    }
    .button:hover{
        color:#7D55C7;
        border:1px solid #7D55C7;
        transition-duration:0.7s;
    }
    
    .buttonblanc{
        text-decoration: none;
        color:#ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        border:2px solid #ffffff;
        padding:7px;
        border-radius: 3px;
        font-size : 13px;
    }
    
    .buttonblanc:hover{
        color:#7D55C7;
        border:3px solid #7D55C7;
        transition-duration:0.7s;
    }

    .colorblue{
        color : #027F8D;
    }
    
    .colorviolet{
        color:#7D55C7;
    }
    
    .separateur{
        width : 90%;
        height : 3px;
        background-color: #027F8D;
        margin : 0 auto;
    }

    .separateurmob{
        background-image: url('media/sec4back.png');
        background-position: center;
        background-size:cover;
        height : 217px;
        width : 100%;
        margin-top : 40px;
        margin-bottom : 40px;
    }

    /*Header*/    
    .menu-main{
        display: none;
    }
    .headermobile{
		top: 0;
        position: fixed;
        background-color: #fafafa;
        opacity: 95%;
        width: 100%;
        padding-bottom: 5px;
        z-index: 2;
    }
        .menu-wrap{
            position: fixed;
            top:0;
            right:0;
            z-index: 1;
        }

    .menu-wrap .toggler{
        position: absolute;
        top:0;
        right:0;
        z-index: 2;
        cursor: pointer;
        width: 65px;
        height: 65px;
        opacity: 0;
    }

    .menu-wrap .hamburger{
        position: absolute;
        top:0;
        right:0;
        z-index: 1;
        width: 60px;
        height: 60px;
        padding:1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /*Ligne du menu Hamburger*/
    .menu-wrap .hamburger > div {
        position: relative;
        width: 60%;
        height: 3px;
        background-color: rgb(34, 34, 34);
        display: flex;
        align-items: center;
        justify-content: center;
        transition:all 0.5s ease;
    }

    .menu-wrap .hamburger > div:before,
    .menu-wrap .hamburger > div:after{
        content:'';
        position: absolute;
        z-index: 1;
        top: -10px;
        width: 100%;
        height: 3px;
        background-color: rgb(34, 34, 34);
    }
    .menu-wrap .hamburger > div:after{
        top:10px;
    }

    /* Animation du toggler */

    .menu-wrap .toggler:checked + .hamburger > div {
        transform: rotate(135deg);
    }

    /* Afficher la croix au moment du click */

    .menu-wrap .toggler:checked + .hamburger > div:before,
    .menu-wrap .toggler:checked + .hamburger > div:after{
        top:0;
        transform: rotate(90deg);
    }

    /* Rotation de la croix en hover */
    .menu-wrap .toggler:checked:hover + .hamburger > div{
        transform: rotate(225deg);
    }

    /* Montrer le menu */
    .menu-wrap .toggler:checked ~ .menu {
        visibility: visible;
        background-color: #027F8D;
    }
    .menu-wrap .toggler:checked ~ .menu > div {
        transform: scale(1);
        transition-duration: 0.4s;
    }
    .menu-wrap .toggler:checked ~ .menu > div > div {
        opacity: 1;
        transition: 0.4 ease;
    }

    .menu-wrap .menu{
        position: fixed;
        top:0;
        right: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-wrap .menu > div {
        background: #fafafa;
        border-radius: 50%;
        width: 250vw;
        height: 250vw;
        display: flex;
        flex:none;
        align-items: center;
        justify-content: center;
        transform: scale(0);
        transition: all 0.4s ease;
    }

    .menu-wrap .menu > div > div {
        text-align: center;
        max-width: 90vw;
        max-height: 100vh;
        opacity: 0;
        transition: opacity 0.4s ease;
    }
    .menu-wrap .menu > div > div > ol > li {
        list-style:none;
        color: black;
        font-size: 1.5rem;
        padding: 1rem;
    }
    .menu-wrap .menu > div > div > ol > li > a {
        color: black;
        font-weight: bold;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        transition: color 0.4s ease;
    }
    .menu-wrap .menu > div > div > ol > li > a:hover {
        color: #7D55C7;
        transition: color 0.4s ease;
    }

    #etude{
        display: none;
    }
    .logo{
        height:90px;
        width: 180px;
		margin-top: 7px;
		margin-left:30px;
        background-image: url('media/kiimologo.png');
        background-position: center;
        background-size:cover;
    }



    /*Section 1*/

    .section1{
        padding-top: 100px;
        height: 200px;
        background-image: url('media/section1background.png');
        background-position: center;
        background-size:cover;
        color : white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .section1 h1{
        font-size: 18px;
        font-weight: bold;
        font-family: 'Merriweather', serif; 
        text-align: center;
    }

    .section1 p{
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 10px;
        text-align: right;
        font-size:11px;
        width:298px;
    }

    .section1 .buttonblanc{
        margin-left:200px;
        margin-top : 10px;
    }


    /*Section 2*/
    .section2{
        display: flex;
        justify-content: center;
        align-items: center;
        margin:80px 30px;
    }
    .backgroundsection2{
        height: 500px;
        width:100%;
        background-position: center;
        background-size: cover;
        background-image: url('media/section2background.png')
    }
    .section2text{
        background-color:#fafafa;
        display:flex;
        width: 500px;
        height:450px;
        margin-left:-140px;
        justify-content: space-between;
        flex-direction: column;
    }
    .s2txt ul li{
        margin-bottom:10px;
    }
    .s2txt{
        display:flex;
        align-items: center;
        flex-direction: column;
        font-family: 'Open Sans', sans-serif;
        color:#666666;
        font-size: 14px;
        margin-left:15px;
    }


    /*Section 2 BIS*/
    .section2bis{
        display: flex;
        justify-content: center;
        align-items: center;
        margin:80px 30px;
    }
    .backgroundsection2bis{
        height: 500px;
        width:100%;
        background-position: center;
        background-size: cover;
        background-image: url('media/fond12.png')
    }
    .section2bistext{
        background-color:#fafafa;
        display:flex;
        z-index: 0;
        width:500px;
        height:450px;
        margin-right:-140px;
        justify-content: space-between;
        flex-direction: column;
    }
    .s2bistxt ul li{
        margin-bottom:10px;
    }
    .s2bistxt{
        display:flex;
        align-items: center;
        flex-direction: column;
        font-family: 'Open Sans', sans-serif;
        color:#666666;
        font-size: 14px;
        margin-right:15px;
    }

    #whoareu::after{
        content:" ?";
        color:#151B50;
    }




    /*Section 3*/

    .section3{
        padding-top:20px;
        height: 680px;
        background-color: #027F8D;
        color: #ffffff;
    }

    .section3 h2{
        font-size: 20px;
        font-weight: bold;
        font-family: 'Merriweather', serif;
    }

    #whoareu{
        text-align: center;
        margin-bottom: 20px;
    }

    .section3 img{
        height : 110px;
        width: 110px;

    }


    .b2b{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .b2titre{
        font-size: 18px;
        font-weight: bold;
        font-family: 'Merriweather', serif; 

    }

    .b2txt{
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
        margin-left: 50px;
        margin-right: 50px;
    }

    .b2c{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 45px;
    }

    #gpudide{
        text-align: center;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size : 13px;

    }

    /*Section 4*/

    .section4 h2{
        font-family: 'Merriweather', serif; 
        font-size: 22px;
        text-align: center;
        margin-top: 40px;
        margin-bottom : 40px;
    }

    #fond4{
        background-image: url('media/flg.png');
        background-size : 135%;
        background-repeat: no-repeat;
        height : 265px;
        width : 300px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        margin:0 auto;
        border-radius: 5px;
        padding:15px;
    }

    .links4{
        display: none;
    }

    .sec4step section h3{
        font-family: 'Merriweather', serif; 
        font-size: 26px;
        color:#151B50;
        font-weight: bold;
        margin-left: 25px;
    }

    .sec4step section h3::before{
        content:".";
        font-family: 'Merriweather', serif; 
        font-size: 26px;
        color:#027F8D;
        font-weight: bold;
    }

    .sec4step section h4{
        font-family: 'Merriweather', serif; 
        font-size: 18px;
        color:#151B50;
        font-weight: bold;
        margin-left: 25px;
        margin-top: -25px;
    }

    .sec4step section h5{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color:#027F8D;
        font-weight: bold;
        margin-left: 25px;
        margin-top: -10px;
        width: 300px;
    }

    .sec4step section p{
        font-family: 'Open Sans', sans-serif;
        font-size:14px;
        color:#666666;
        margin-left: 25px;
        width: 300px;
    }


    /*Section 5*/

    .section5 h2{
        color:#027F8D;
        font-size: 26px;
        font-family: 'Merriweather', serif; 
        text-align: center;
    }

    .sec5citation p{
        font-style: italic;
        color : #737373;
        text-align : center;
    }

    .paragraphesec5{
        width:90%;
        margin-left: 15px;
        text-align: center;
        margin-top : 40px;
        margin-bottom: 40px;
    }

    .paragraphesec5 p{
        font-family: 'Open Sans', sans-serif;
        color : #737373;
        font-size: 13px;
    } 

    .sec5valeur ul{
        padding:0;
    }
    .sec5valeur ul li{
        list-style: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size:22px;
        text-align: right;
        margin-right: 50px;
    }
    .sec5valeur h4{
        list-style: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size:22px;
        color:#027F8D;
        text-align: right;
        margin-right: 50px;
    }

    #souligne{
        text-decoration: underline;
    }

    /*Section 6*/

    .section6{
        background-image: url('media/sec6mob.png');
        background-size : 100%;
        background-repeat: no-repeat;
        height : 270px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section6 h2{
        font-size: 20px;
        font-family: 'Merriweather', serif; 
        text-align: center;
        margin-bottom : 22px;
    }

    .section6 p{
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;
        text-align: right;
        width : 240px;
        margin-left : 100px;
        
    }

    #butblanc{
        margin-top: 25px;
    }

    /*Section 7*/

    .section7{
        height: 890px;
    }

    .section7 h3{
        font-size: 20px;
        font-family: 'Merriweather', serif; 
        text-align: center;
        padding-top: 30px;
        margin-bottom: 40px; 
    }


    .box2img{
        background-image: url('media/pp_com.png');
        width : 120px;
        height : 120px;
        border-radius:180px;
        border : 3px solid #027F8D;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-position: center;
    }

    .box2{
        width : 80%;
        height: 344px;
        box-shadow: 1px 1px 12px #555;
        display: flex;
        flex-direction: column;
        text-align: center;
        border-radius: 10px;
    }

    .box2 p{
        font-size: 13px;
        font-family: 'Merriweather', serif; 
        text-align: center;
        margin-left : 10px;
        margin-right : 10px;
    }

    .sec7im{
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .name{
        font-size : 15px;
        font-weight: bold;
        margin-top : 25px;
    }

    #box2bis{
        margin-top: 50px;
    }



    /*Section 8*/

    .section8{
        background-color: #027F8D;
        height: 500px;
        color: white;
    }

    .section8 h3{
        font-size: 22px;
        font-family: 'Merriweather', serif;
        text-align: center;
        padding-top : 35px;
        margin-bottom : 50px;
    }

    .ftech{
        background-image: url('media/FrenchTech.png');
        width: 220px;
        height:130px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom : 50px;
    }

    .unk{
        background-image: url('media/1k.png');
        width: 220px;
        height:150px;
        background-position : center;
        background-size : contain;
        background-repeat : no-repeat;
    }

    .section8im{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .section8 a{
        margin-right: 9%;
        margin-left: 6%;
        height:100%;
    }


    /*Section 9*/

    .section9{
        height: 520px;
        color: black;
    }

    .section9 h3{
        font-size: 22px;
        font-family: 'Merriweather', serif;
        text-align: center;
        padding-top: 25px;
    }

    .iuta{
        background-image: url('media/IUTa.png');
        width: 178px;
        height:106px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top : 30px;
    }

    .efap{
        background-image: url('media/efap.png');
        width: 150px;
        height:200px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top : 30px;
    }

    .mds{
        background-image: url('media/MyDigitalSchool.png');
        width: 180px;
        height:68px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-top : 30px;
        margin-left : -15px;
    }

    .section9im{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


    /*Footer*/

    footer{
        background-image: url(media/R51.png);
        height: 533px;
        color: white;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background-size: cover;
        padding-top: 50px;
    }

    .fastlink{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 180px;
    }

    footer a{
        font-size: 14px;
        font-family: 'Merriweather', serif;
        text-decoration: none;
        color:white;
        text-align: center;
    }

    .footertxt{
        font-size: 18px;
        font-family: 'Merriweather', serif;
        text-align: center;
    }
    .footertxt a::before{
        content:"•"
    }

    #copyright{
        font-size: 11px;
        font-family: 'Merriweather', serif;
        text-align : center;
        width:100%;
        margin-top : 40px;
    }

    .r{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 22px 0px;
    }

    .r-fb{
        background-image:url(media/fb.png);
        height:35px;
        width:37px;
        margin-right: 20px;
    }
    .r-li{
        background-image:url(media/linkedin.png);
        height:35px;
        width:37px;
        margin-right: 20px;
    }

    #presse{
        display: none;
    }

    #actu{
        display: none;
    }

}

























/* Version TABLETTE */

@media screen and (min-width: 740px) and (max-width: 1611px){

	.mentionsTitre{
		padding-top:120px;
	}
    body{
        background-color: #fafafa;
        margin:0;
    }

    .button{
        text-decoration: none;
        color:#027F8D;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        border:3px solid #027F8D;
        padding:7px;
        border-radius: 5px;
        transition-duration:0.7s;
    }
    .button:hover{
        color:#7D55C7;
        border:3px solid #7D55C7;
        transition-duration:0.7s;
    }

    .buttonblanc{
        text-decoration: none;
        color:#ffffff;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        border:3px solid #ffffff;
        padding:7px;
        border-radius: 5px;
    }

    .buttonblanc:hover{
        color:#7D55C7;
        border:3px solid #7D55C7;
        transition-duration:0.7s;
    }

    .separateur{
        width : 90%;
        height : 3px;
        background-color: #027F8D;
        margin : 0 auto;
        margin-top:50px;
    }

    .separateurmob{
        display: none;
    }

    .colorblue{
        color : #027F8D;
    }

    .colorviolet{
        color:#7D55C7;
    }

     /*Header*/    
    .menu-main{
        display: none;
    }
    .headermobile{
        position: fixed;
        background-color: #fafafa;
        opacity: 95%;
        width: 100%;
        padding-bottom: 5px;
        z-index: 2;
        top:0;
    }
        .menu-wrap{
            position: fixed;
            top:0;
            right:0;
            z-index: 1;
        }

    .menu-wrap .toggler{
        position: absolute;
        top:0;
        right:0;
        z-index: 2;
        cursor: pointer;
        width: 65px;
        height: 65px;
        opacity: 0;
    }

    .menu-wrap .hamburger{
        position: absolute;
        top:0;
        right:0;
        z-index: 1;
        width: 60px;
        height: 60px;
        padding:1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /*Ligne du menu Hamburger*/
    .menu-wrap .hamburger > div {
        position: relative;
        width: 60%;
        height: 3px;
        background-color: rgb(34, 34, 34);
        display: flex;
        align-items: center;
        justify-content: center;
        transition:all 0.5s ease;
    }

    .menu-wrap .hamburger > div:before,
    .menu-wrap .hamburger > div:after{
        content:'';
        position: absolute;
        z-index: 1;
        top: -10px;
        width: 100%;
        height: 3px;
        background-color: rgb(34, 34, 34);
    }
    .menu-wrap .hamburger > div:after{
        top:10px;
    }

    /* Animation du toggler */

    .menu-wrap .toggler:checked + .hamburger > div {
        transform: rotate(135deg);
    }

    /* Afficher la croix au moment du click */

    .menu-wrap .toggler:checked + .hamburger > div:before,
    .menu-wrap .toggler:checked + .hamburger > div:after{
        top:0;
        transform: rotate(90deg);
    }

    /* Rotation de la croix en hover */
    .menu-wrap .toggler:checked:hover + .hamburger > div{
        transform: rotate(225deg);
    }

    /* Montrer le menu */
    .menu-wrap .toggler:checked ~ .menu {
        visibility: visible;
        background-color: #027F8D;
    }
    .menu-wrap .toggler:checked ~ .menu > div {
        transform: scale(1);
        transition-duration: 0.4s;
    }
    .menu-wrap .toggler:checked ~ .menu > div > div {
        opacity: 1;
        transition: 0.4 ease;
    }

    .menu-wrap .menu{
        position: fixed;
        top:0;
        right: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .menu-wrap .menu > div {
        background: #fafafa;
        border-radius: 50%;
        width: 250vw;
        height: 250vw;
        display: flex;
        flex:none;
        align-items: center;
        justify-content: center;
        transform: scale(0);
        transition: all 0.4s ease;
    }

    .menu-wrap .menu > div > div {
        text-align: center;
        max-width: 90vw;
        max-height: 100vh;
        opacity: 0;
        transition: opacity 0.4s ease;
    }
    .menu-wrap .menu > div > div > ol > li {
        list-style:none;
        color: black;
        font-size: 1.5rem;
        padding: 1rem;
    }

    .menu-wrap .menu > div > div > ol > li > a {
        color: black;
        font-weight: bold;
        text-decoration: none;
        font-family: 'Open Sans', sans-serif;
        transition: color 0.4s ease;
    }
    .menu-wrap .menu > div > div > ol > li > a:hover {
        color: #7D55C7;
        transition: color 0.4s ease;
    }

    #etude{
        display: none;
    }
    .logo{
        height:90px;
        width: 180px;
		margin-top: 7px;
		margin-left:30px;
        background-image: url('media/kiimologo.png');
        background-position: center;
        background-size:cover;
    }

    /*Section 1*/

        .section1{
        height: 470px;
        background-image: url('media/section1background.png');
        background-position: center;
        background-size:cover;
        color : white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .section1 h1{
        font-size: 30px;
        font-weight: bold;
        font-family: 'Merriweather', serif;
        text-align: center;
    }


    .section1 p{
        font-family: 'Open Sans', sans-serif;
        margin-bottom: 50px;
        text-align: right;
        font-size:18px;
        width:600px;
    }
    .section1 .buttonblanc{
        margin-left:472px;
    }


 /*Section 2*/
    .section2{
        display: flex;
        justify-content: center;
        align-items: center;
        margin:80px 20%;
    }
    .backgroundsection2{
        height: 500px;
        width:100%;
        background-position: center;
        background-size: cover;
        background-image: url('media/section2background.png')
    }
    .section2text{
        background-color:#fafafa;
        display:flex;
        width: 500px;
        height:450px;
        margin-left:-140px;
        justify-content: space-between;
        flex-direction: column;
    }
    .s2txt ul li{
        margin-bottom:10px;
    }
    .s2txt{
        display:flex;
        align-items: center;
        flex-direction: column;
        font-family: 'Open Sans', sans-serif;
        color:#666666;
        font-size: 14px;
        margin-left:15px;
    }


    /*Section 2 BIS*/
    .section2bis{
        display: flex;
        justify-content: center;
        align-items: center;
        margin:80px 20%;
    }
    .backgroundsection2bis{
        height: 500px;
        width:100%;
        background-position: center;
        background-size: cover;
        background-image: url('media/fond12.png')
    }
    .section2bistext{
        background-color:#fafafa;
        display:flex;
        z-index: 0;
        width:500px;
        height:450px;
        margin-right:-140px;
        justify-content: space-between;
        flex-direction: column;
    }
    .s2bistxt ul li{
        margin-bottom:10px;
    }
    .s2bistxt{
        display:flex;
        align-items: center;
        flex-direction: column;
        font-family: 'Open Sans', sans-serif;
        color:#666666;
        font-size: 14px;
        margin-right:15px;
    }

    #whoareu::after{
        content:" ?";
        color:#151B50;
    }








    /*Section 3*/

    .section3{
        padding-top:30px;
        height: 580px;
        background-color: #027F8D;
        color: #ffffff;
    }

    .section3 h2{
        font-size: 26px;
        font-weight: bold;
        font-family: 'Merriweather', serif;
    }

    #whoareu{
        text-align: center;
        margin-bottom: 50px;
    }
    #whoareu::after{
        content:" ?";
        color:#151B50;
    }

    .section3 img{
        height : 119px;
        width: 121.42px;

    }

    #logob2{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 590px;
        justify-content: center;
        margin:0 auto;
    }

    .b2b{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 300px;
        margin-right:100px;
    }

    .b2titre{
        font-size: 18px;
        font-weight: bold;
        font-family: 'Merriweather', serif; 

    }

    .b2txt{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
    }

    .b2c{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 300px;
    }

    #gpudide{
        text-align: center;
        margin-top: 50px;
        margin-bottom: 25px;

    }


    /*Section 4*/


    .sec4step{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sec4step section{
        width: 700px;
    }
    .section4 h2{
        font-family: 'Merriweather', serif; 
        font-size: 22px;
        text-align: center;
        margin-top: 40px;
        margin-bottom : 40px;
    }

    #fond4{
        background-image: url('media/flg.png');
        background-size : 135%;
        background-repeat: no-repeat;
        height : 265px;
        width : 300px;
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        margin:0 auto;
        border-radius: 5px;
        padding:15px;
    }

    .links4{
        display: none;
    }

    .sec4step section h3{
        font-family: 'Merriweather', serif; 
        font-size: 26px;
        color:#151B50;
        font-weight: bold;
        margin-left: 25px;
    }

    .sec4step section h3::before{
        content:".";
        font-family: 'Merriweather', serif; 
        font-size: 26px;
        color:#027F8D;
        font-weight: bold;
    }

    .sec4step section h4{
        font-family: 'Merriweather', serif; 
        font-size: 18px;
        color:#151B50;
        font-weight: bold;
        margin-left: 25px;
        margin-top: -25px;
    }

    .sec4step section h5{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color:#027F8D;
        font-weight: bold;
        margin-left: 25px;
        margin-top: -10px;
        width: 300px;
    }

    .sec4step section p{
        font-family: 'Open Sans', sans-serif;
        font-size:14px;
        color:#666666;
        margin-left: 25px;
    }





    /*Section 5*/

        .section5{
        padding-top: 50px;
    }

    .section5 h2{
        color:#027F8D;
        font-size: 26px;
        font-family: 'Merriweather', serif; 
        text-align: center;
        padding-bottom: 25px;
    }
    .sec5{
        display: flex;
        flex-direction: column;
        margin-right:100px;
    }
    .mainsec5{
        display:flex;
        justify-content: center;
    }
    .sec5citation{
        width:300px;
        margin-left : 35px;
    }
    .sec5citation p{
        font-style: italic;
        color : #737373
    }
    .paragraphesec5{
        width:450px;
        margin-right : 50px;
    }
    .paragraphesec5 p{
        font-family: 'Open Sans', sans-serif;
        color : #737373
    } 
    .sec5valeur ul{
        padding:0;
        margin-left: 50px;
    }
    .sec5valeur ul li{
        list-style: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size:28px;
    }
    .sec5valeur h4{
        list-style: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        font-size:28px;
        color:#027F8D;
        margin-left : 50px;
    }

    #souligne{
        text-decoration: underline;
    }


    /*Section 6*/

    .section6{
        background-image: url('media/sec6.png');
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 390px;
        margin-bottom: 70px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 90px;
    }

    .section6 h2{
        font-size: 26px;
        font-family: 'Merriweather', serif; 
        text-align: center;
        margin-bottom: 20px;
        margin-top : 90px;
    }

    .section6 p{
        font-family: 'Open Sans', sans-serif;
        font-size:18px;
        text-align: center;
        width : 700px;
        padding-bottom: 50px;
        padding-top: 20px;
    }


    /*Section 7*/

    .section7{
        height: 500px;
        padding-bottom : 80px;
    }



    .section7 h3{
        font-size: 26px;
        font-family: 'Merriweather', serif; 
        text-align: center;
        padding-top: 40px;
        margin-bottom: 80px; 
    }


    .box2img{
        background-image: url('media/pp_com.png');
        width : 170px;
        height : 170px;
        border-radius:180px;
        border : 3px solid #027F8D;
        margin-top: 25px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-position: center;
    }

    .box2{
        width : 330px;
        height: 420px;
        box-shadow: 1px 1px 12px #555;
        display: flex;
        flex-direction: column;
        text-align: center;
        border-radius: 10px;
    }

    .box2 p{
        font-size: 16px;
        font-family: 'Merriweather', serif; 
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }


    .sec7im{
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        width:720px;
        margin:0 auto;
    }

    .name{
        font-size : 18px;
        font-weight: bold;
    }


    /*Section 8*/

    .section8{
        background-color: #027F8D;
        height: 420px;
        color: white;
        margin-top:90px;
    }

    .section8 h3{
        font-size: 26px;
        font-family: 'Merriweather', serif;
        text-align: center;
        padding-top: 50px;
        margin-bottom : 90px;
    }

    .section8 p{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        width: 640px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 35px;
    
    }

    .ftech{
        background-image: url('media/FrenchTech.png');
        width: 267px;
        height:154px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .unk{
        background-image: url('media/1k.png');
        width: 310px;
        height:189px;
        background-position : center;
        background-size : contain;
        background-repeat : no-repeat;
    }

    .section8im{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section8 a{
        margin-right: 9%;
        margin-left: 6%;
        height:100%;
    }

    /*Section 9*/

    .section9{
        height: 349px;
        color: black;
    }

    .section9 h3{
        font-size: 26px;
        font-family: 'Merriweather', serif;
        text-align: center;
        padding-top: 50px;
        margin-bottom : 100px;
    }

    .section9 p{
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
        width: 640px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 35px;
    }

    .iuta{
        background-image: url('media/IUTa.png');
        width: 170px;
        height:154px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .efap{
        background-image: url('media/efap.png');
        width: 140px;
        height:131px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .mds{
        background-image: url('media/MyDigitalSchool.png');
        width: 170px;
        height:82px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .section9im{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section9 a{
        margin-right: 9%;
        margin-left: 6%;
        height:100%;
    }


    /*Footer*/


    footer{
        background-image: url(media/R51.png);
        height: 590px;
        color: white;
        margin: 0px;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background-size: cover;
    }
    .contentfooter{
        display:flex;
        flex-direction: row;
        justify-content: space-evenly;
        margin-bottom: 150px;
    }

    .reseaux{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 180px;
    }

    .fastlink{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 180px;
    }

    footer a{
        font-size: 14px;
        font-family: 'Merriweather', serif;
        text-decoration: none;
        color:white;
        text-align: left;
    }

    .footertxt{
        font-size: 15px;
        font-family: 'Merriweather', serif;
    }
    .footertxt a::before{
        content:"•"
    }
    #copyright{
        font-size: 13px;
        font-family: 'Merriweather', serif;
        text-align : center;
        width:100%;
    }

    .r{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 22px 0px;
    }

    .r-fb{
        background-image:url(media/fb.png);
        height:35px;
        width:37px;
        margin-right: 20px;
    }
    .r-li{
        background-image:url(media/linkedin.png);
        height:35px;
        width:37px;
        margin-right: 20px;
    }

    #presse{
        display: none;
    }

    #actu{
        display: none;
    }






































































}