/* Global */
input{
	-webkit-appearance: none;
}
@media screen and (min-width: 1612px) {
.success{
	text-align:center;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}	
}

@media screen and (min-width: 740px) and (max-width: 1611px){
.success{
	text-align:center;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}
}

@media screen and (max-width: 740px) {
.success{
	color:white;
	text-align:center;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
}
}
@media screen and (min-width: 1612px) {
    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;
    
    }

    .separateurmob{
        display: none;
    }

    .colorblue{
        color : #027F8D;
    }

    .colorviolet{
        color:#7D55C7;
    }

    /* 
    font-family: 'Merriweather', serif; 
    font-family: 'Open Sans', sans-serif;
    */


    /* Header */
    .headermobile{display: none;}

    header{
        display:flex;
        align-items: center;
        justify-content: space-between;
    }

    #headhp{
        position : fixed;
        background-color: #fafafa;
        z-index : 1000;
        width : 100%;
    }

    #etude{
        margin-right: 20px;
    }

    ol{
        display: flex;
    }
    ol li{
        margin: 1vw;
        list-style:none;
        padding-left: 100px;
    }
    ol li a{
        text-decoration: none;
        color:black;
        font-size: 20px;
        font-family: 'Merriweather', serif;
        font-weight: bold;
        transition-duration:0.7s;
    }
    ol li a:hover{
        text-decoration: none;
        color:#027F8D;
        font-family: 'Merriweather', serif;
        font-weight: bold;
        transition-duration:0.7s;
    }
    .logo{
        height: 128px;
        width: 252px;
        background-image: url('media/kiimologo.png');
        background-position: center;
        background-size:cover;
        padding-left: 20px;
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }



    /* 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;
        padding-top: 150px;
    }

    .section1 h1{
        font-size: 42px;
        font-weight: bold;
        font-family: 'Merriweather', serif; 
    }


    .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 0px;
    }

    .backgroundsection2{
        height: 760px;
        width:600px;
        background-position: center;
        background-size: cover;
        margin-left:200px;
        background-image: url('media/section2background.png')
    }

    .s2txt{
        margin:40px 40px;
    }
    .s2txt ul li{
        margin-bottom:15px;
    }
    .section2text {
        height: 540px;
        width: 600px;
        background-color:#fafafa;
        margin-left:-75px;
        display:flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .section2text h2{
        font-family: 'Merriweather', serif; 
        font-size: 26px;
    }
    .section2text p, .section2text ul li{
        font-family: 'Open Sans', sans-serif;
        color:#666666;
        font-size: 18px;
        letter-spacing: 2px;
    }

    .section2text h2::after{
        content: " !";
        color:#027F8D;
    }



    /* Section 2 BIS */
    .section2bis{
        display: flex;
        justify-content: center;
        align-items: center;
        margin:80px 0px;
    }

    .backgroundsection2bis{
        height: 760px;
        width:600px;
        background-position: center;
        background-size: cover;
        background-image: url('media/fond12.png')
    }

    .s2bistxt{
        margin:40px 40px;
    }
    .s2bistxt ul li{
        margin-bottom:20px;
    }
    .section2bistext {
        height: 540px;
        z-index: 1;
        width: 600px;
        background-color:#fafafa;
        margin-right:-75px;
        display:flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .section2bistext h2{
        font-family: 'Merriweather', serif; 
        font-size: 26px;
    }
    .section2bistext p, .section2bistext ul li{
        font-family: 'Open Sans', sans-serif;
        color:#666666;
        letter-spacing: 2px;
        font-size: 18px;
    }
    .section2bistext h2::after{
        content: " !";
        color:#027F8D;
    }



    /* Section 3 */

    .section3{
        padding-top:60px;
        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;
        margin: 0px 22%;
    }

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

    .b2titre{
        font-size: 24px;
        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;
        margin-left: 10%;
    }

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

    }
    /* Section 4 */

    .section4{
        margin: 45px 0px;
    }
    .backgroundsection4{
        background-image: url(media/backgroundsection4.png);
        background-position: center;
        background-repeat: no-repeat;
        height: 480px;
        width: 720px;
    }
    .sec4area1{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sec4areatxt1 h2{
        font-family: 'Merriweather', serif; 
        font-size: 26px;
    }

    .sec4areatxt1 p{
        font-family: 'Open Sans', sans-serif;
        font-size:14px;
    }
    .sec4areatxt1{
        padding: 50px;
        text-align: right;
        width: 400px;
        height: 320px;
        background-color: #fafafa;
        margin-right: -75px;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .sec4step{
        display: flex;
        justify-content: center;
        margin:40px auto;
    }
    .sec4step section{
        margin:0 25px;
    }
    .sec4step section{
        width: 350px;
    }
    .sec4step section h3{
        font-family: 'Merriweather', serif; 
        font-size: 26px;
        color:#151B50;
        font-weight: bold;
    }
    .sec4step section h4{
        font-family: 'Merriweather', serif; 
        font-size: 18px;
        color:#151B50;
        font-weight: bold;
    }
    .sec4step section h5{
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        color:#027F8D;
        font-weight: bold;
    }

    .sec4step section p{
        font-family: 'Open Sans', sans-serif;
        font-size:16px;
        color:#666666;
    }
    .sec4step section h3::before{
        content:".";
        font-family: 'Merriweather', serif; 
        font-size: 26px;
        color:#027F8D;
        font-weight: bold;
    }
    .links4:hover{
        color:#151B50;
        transition-duration: 0.7s;
    }
    .links4{
        color:#027F8D;
        font-family: 'Open Sans', sans-serif;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 16px;
        transition-duration: 0.7s;
    }
    /* 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;
    }
    .sec5citation p{
        font-style: italic;
        color : #737373
    }
    .paragraphesec5{
        width:450px;
        margin-left: 150px;
        margin-right: -120px;
    }
    .paragraphesec5 p{
        font-family: 'Open Sans', sans-serif;
        color : #737373
    } 
    .sec5valeur ul{
        padding:0;
    }
    .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;
    }

    #souligne{
        text-decoration: underline;
    }
    /* Section 6 */

    .section6{
        background-image: url('media/sec6.png');
        background-position: unset;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 433px;
        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;
    }

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


    /* Section 7 */

    .section7{
        height: 500px;
    }



    .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 : 480px;
        height: 374px;
        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;
    }


    .sec7im{
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
    }

    .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: 210px;
        height:154px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

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

    .mds{
        background-image: url('media/MyDigitalSchool.png');
        width: 218px;
        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;
    }
}


/* Style Page mentions légales */
.global-Mentions{
	margin:50px;
	font-family: 'Open Sans', sans-serif;
	margin: 0 auto;
	width:70%;
}
.global-Mentions a{
	color:#027F8D;
	text-decoration:none;
	font-weight:bold;
}
.global-Mentions h1{
	text-transform: uppercase;
	padding-top:120px;
	text-align:center;
	color:#151B50;
}
.global-Mentions h2{
	text-transform: uppercase;
	text-align:center;
	color:#151B50;
}
.global-Mentions h3{
	color:#151B50;
	margin-top:40px;
	margin-bottom:20px;
}
#update{
	font-size:14px;
}
ul li{
	list-style:none;
}