@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: 'Quicksand',arial,helvetica;
	color: #444;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
p{
	font-size: 1.5em;
    color: #444;
}

.section{
	text-align:center;
}


#menu li {
	display:inline-block;
	margin: 10px;
	color: #000;
	background:#fff;
	background: rgba(255,255,255 0.5);
	-webkit-border-radius: 10px;
            border-radius: 10px;
}
#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
	color: #fff;
}

/* CUSTOM CSS IHECS */


#header {
    position: absolute;
    top: 10px;
    left: 10px;
    font-family: 'Quicksand';
    width: 23%;
    height: 90px;
    padding-left: 10px;
    padding-top: 5px;
}

#header a {
    color: #444;
}

#header h3 {
    font-size: 20px;
    font-weight: 800;
}
#header h3 span {
    font-weight: 100;
}
#header h2 span {
    font-weight: 800
}

#header h2 {
    display: inline;
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: 1.5px;
    font-weight: 400;
    text-transform: uppercase;
    color: #444;
}

#Navigation {
    width: auto;
    height: auto;
    position: absolute;
    top: 10px;
    right: 20px;
    padding: 10px;
}
#Navigation ul li {
    font-size: 0px;
    display: inline-block;
}
#Navigation ul li a {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;  
}

#Navigation ul li a.etudiante {
    background-image: url('imgs/notebook_black.svg');
}
#Navigation ul li a.etudiante:hover {
    background-image: url('imgs/notebook.svg');
}

#Navigation ul li a.afghan {
    background-image: url('imgs/briefcase_black.svg');
}
#Navigation ul li a.afghan:hover {
    background-image: url('imgs/briefcase.svg');
}

#Navigation ul li a.somalienne {
    background-image: url(imgs/heart_black.svg)
}
#Navigation ul li a.somalienne:hover {
    background-image: url(imgs/heart.svg)
}

#Navigation ul li a.roumain {
    background-image: url(imgs/hammer_black.svg);
}
#Navigation ul li a.roumain:hover {
    background-image: url(imgs/hammer.svg);
}

.italic {
   font-style: italic;
}

.fp-controlArrow.fp-prev {
			display: none;
		}




.warning {
    font-family: 'quicksand';
    font-size: 10px;
    margin-top: 185px;
    margin-left: 150px;
    color: black;
    max-width: 400px;
}
#arrows  {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
}
.arrow {
    pointer-events: auto;
}

#moveDown {
    background-image: url('imgs/arrows/down-arrow_vert_fondblanc.svg');
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    bottom: 40px;
    width: 100%;
    height: 50px;
    cursor: pointer;
}
#moveDown:hover {
    background-image: url('imgs/arrows/down-arrow_vert.svg');
}
#moveLeft {
    background-image: url('imgs/arrows/left-arrow_rouge_fondblanc.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    top: 0;
    bottom: 30px;
    width: 45px;
    cursor: pointer;  
}
#moveLeft:hover {
    background-image: url('imgs/arrows/left-arrow_rouge.svg');
    
}
#moveRight{
    background-image: url('imgs/arrows/right-arrow_bleu_fondblanc.svg');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
    top: 0 ;
    bottom:30px;
    width: 40px;
    right: 0;
    cursor: pointer;
}
#moveRight:hover {
    background-image: url('imgs/arrows/right-arrow_bleu.svg');
}
#moveUp {
    background-image: url('imgs/arrows/up-arrow_jaune_fondblanc.svg');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    height: 50px;
    width: 100%;
    cursor: pointer;
    
}
#moveUp:hover {
    background-image: url('imgs/arrows/up-arrow_jaune.svg');
}


/******** INDEX CSS ***********/

header h1 {
    font-size: 40px;
    padding: 0px;
    width: auto;
    text-align: left;
}

h1.titre {
color: #189EC3;
}

.titre_page_accueil {
    color: black;
}

#header-1  {
    position: absolute;
    left: 100px;
    top: 0px;
    width: 300px;
    z-index:30;

}
#header-1 h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 35px;
}
#header-1 h2 {
    font-weight: 100;
    font-size: 30px;
}
#header-1 span {
    color:#00A7C4;
    font-weight: 800
}
#header-1 h3 {
    font-weight: 800;
    font-size: 30px;
}

#header-1:hover h1, #header-1:hover h2, #header-1:hover h3 {
color:#00A7C4;   
}

#header-2 {
    position: absolute;
    right: 300px;
    top: 0px;
    z-index:30;

}
#header-2 h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 35px;
}
#header-2 h2 {
    font-weight: 100;
    font-size: 30px;
}
#header-2 span {
    color:#00A7C4;
    font-weight: 800
}
#header-2 h3 {
    font-weight: 800;
    font-size: 30px;
}

#header-2:hover h1, #header-2:hover h2, #header-2:hover h3 {
color:#00A7C4;   
}

.contentBottom {
    position: absolute;
    bottom: 100px;
    left: 160px;
    width: 30%;
    z-index:30;
}
.contentBottom p {
    position: absolute;
    font-size: 15px;
    bottom: 0px;
    left: 20px;   
}
.contentBottom img {
    position: absolute;
    height: 160px;
    width: 2px;
    bottom: 15px;
    left:0px;   
}

/*
.contentImage {
    position: relative;
    width: 50%;
    height: 50%;
    right: -600px;
    z-index:20;
    bottom: -270px;
}
*/

.rom {
    position: absolute;
    right: -250px;
    bottom: -20px;
}
.fr {
    right: -300px;
    bottom: -100px;
}
.fr img {
    width: 35%;
}

#titre_lastpage {
position: absolute;
    top: 50px;
    left: 100px;
    font-family: 'Quicksand';
    font-size: 20px;
    text-transform: uppercase;
    color: black ;
}
.titre_lastpage {
position: absolute;
    top: 170px;
    font-family: 'Quicksand';
    font-size: 30px;
    color: black;
    font-style: italic;
}

#continuer_outils {
    max-width: 450px;
    float: left;
    padding-top: 300px;
    padding-left: 100px;
}
.suite_parcours {
    font-family: 'quicksand';
    font-size: 20px;
    color: black;
    padding-top: 10px;
}

#centre {
    margin-left: 85px;
    margin-right: 110px;
    height: 200px;
}
.reseaux_soc {
    max-width: 30px;
    padding-top: 110px; 
}
.reseaux_soc1 {
    max-width: 30px;
    padding-top: 110px;
    padding-left: 5px;  
}
.pdf {
    font-size: 20px;
    padding-top: 105px;
}

/**** StartEndPage ****/

.slide{
    position: relative;
    overflow: hidden;
}
#startPage{
    height: 100%;
    padding: 100px;
        }
#introduction{
    position: absolute;
    top: 160px;
    left: 170px;
    text-align: left;
    width: 30%;
    height: 600px;
        }
#introduction h1 {
    font-size: 35px;
    font-weight: 800;
    display: block;
    margin-bottom: 20px;
    line-height: 1.1

}
#introduction h2 {
    display: block;
    font-size: 25px;
    font-weight: 200;
    height: 200px;
        }
#introduction h2 span {
        display: block;
        overflow: none;
        }

#introduction .leg {
    font-size: 10px;
    width: 50%;
    color: black;
    text-align: left;
    right: 0px;
    bottom:200px;
    font-weight: 800;
    overflow: none;
    
}

#landingPage{
    display:none;
    text-align: left;
    position: absolute;
    width: 30%;
    top: 160px;
    left: 170px;
}
#landingPage h2 {
            display: block;
            font-size: 25px;
            font-weight: 200;
        }
#landingPage h2 span {
            display: block;
        overflow: none;
        }
#landingPage h2 ul {
    margin-left: 10px;
    padding-top: 15px;
    list-style-type: circle;
}
#landingPage h1 {
    font-size: 35px;
    font-weight: 800;
    display: block;
    margin-bottom: 20px;

}

#presentation_parcours{
    position: absolute;
    right: 240px;
    width: 20%;
    height: 30%;
    font-size: 20px;
    bottom: 270px;
}
#presentation_parcours a{
    display: table-cell;
    vertical-align: bottom;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #444;
    padding: 5px;
}
.enterAfghan {
    position: absolute;
    top: 60px;
    left: 160px;
    width: 100px;
}
.enterSomalienne {
    position: absolute;
    top: 200px;
}
.enterFrancaise {
    position: absolute;
    width: 90px;
    top: -40px;

}
.enterRoumain {
        position: absolute;
        top: 60px;
        left: -160px;
        width: 90px;

}
#presentation_parcours span {
    position: relative;
    top: 110px;
    
}

/******** SLIDES HAUT ********/

#section12bis .contentTopRight h4 {
    position: absolute;
    top: 100px;
    right: 120px;
    font-size: 20px;
    font-weight: 900;
    width: 35%;
}
#section12bis .contentBottomRight img{
    position: absolute;
    width: 15%;
    right: 230px;
    bottom: 100px;
}
#section12bis .contentTopLeft {
    position: absolute;
    width:510px;
    text-align: left;
    top: 160px;
    left: 160px;  
}
#section12bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#section12bis .contentTopLeft p {
    font-size: 15px;
    top: 50px;
}
#section12bis .contentTopLeft ul {
    list-style-type: circle;
    margin-left: 50px;
    width: 68%;
    font-weight: 400;
    margin-top: 130px;
}
#section12bis .contentTopRight img {
    position: absolute;
    right: 160px;
    top: 170px;
}
#section12bis .contentBottomRight span {
    position: absolute;
    width: 30%;
    text-align: right;
    font-size: 10px;
    right: 60px;
    top: 590px;
    color: black;
    font-weight: 800; 
}

#section12bis .contentBottomRight img{
    position: absolute;
    width: 15%;
    right: 230px;
    bottom: 180px;
}

#section12 .contentBottomRight {
    width: auto;
    position: absolute;
    right: 0px;
    bottom: 100px;
    z-index: 20;
}
#section12 .contentTopLeft{
    position: absolute;
    bottom: 50px;
    left: 310px;
    text-align: left;
    width: 500px;
    height: 210px;
    z-index: 30;
}

#section11 .contentBottomRight 
{
    width: auto;
    position: absolute;
    right: 250px;
    top: 100px;
    z-index: 20;
}
#section11 .contentBottomRight img {
    width: 80%
}
#section11 .contentTopLeft
{
    position: absolute;
    top: 400px;
    left: 110px;
    text-align: left;
    width: 35%;
    z-index: 30;
}
#section11 .contentTopRight
{
    position: absolute;
    right: 80px;
    z-index: 30;
    width: 25%;
    top: 140px;
    text-align: right;
}

#section10bis .contentTopRight h4{
    position: absolute;
    top: 100px;
    right:80px;
    width: 35%;
    font-size: 20px;
    font-weight: 800;
    z-index: 30;
}
#section10bis .contentBottomRight span {
    font-size: 10px;
    color: black;
    position: absolute;
    text-align: right;
    top: 550px;
    width: 15%;
    font-weight: 800;
    right: 80px;
}

#section10bis .contentBottomRight img {
    position: absolute;
    top: 130px;
    right: 50px;
    
}
#section10bis .contentTopLeft {
    width: 35%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#section10bis .contentTopLeft p {
    font-size: 15px;
    position: absolute;
    width: 80%;
    font-weight: 100;

}
#section10bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}
#section10 .contentTopLeft {
    position: absolute;
    top: 200px;
    left: 110px;
    text-align: left;
    width: 25%;
    z-index: 30;
}
#section10 .contentBottomRight {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

#section9 .contentBottomRight 
{
    width: auto;
    position: absolute;
    right: -40px;
    top: 0px;
    z-index: 20;
}
#section9 .contentTopLeft
{
    position: absolute;
    bottom: 200px;
    left: 110px;
    text-align: left;
    width: 300px;
    height: 210px;
    z-index: 30;
}

#section8 .contentBottomRight
{
    position: absolute;
    right: 100px;
    z-index: 25;
    bottom: 150px;
    image-orientation: 90deg;
    
    
}
#section8 .contentBottomLeft 
{
    width: auto;
    position: absolute;
    right: 100px;
    bottom: -50px;
    z-index: 20;
}
#section8 .contentTopLeft
{
    position: absolute;
    top: 160px;
    left: 150px;
    text-align: left;
    width: 25%;
    z-index: 30;
}

#section7 .contentBottomRight 
{
    width: auto;
    position: absolute;
    right: 200px;
    top: 200px;
    z-index: 20;
}
#section7 .contentTopLeft
{
    position: absolute;
    top: 120px;
    left: 250px;
    text-align: left;
    width: 20%;
    z-index: 30;
}
#section7 .contentTopRight
{
    position: absolute;
    right: 120px;
    top: 120px;
    width: 35%;
    z-index: 30;
    text-align: right;
}


#section6 .contentBottomRight 
{
    width: auto;
    position: absolute;
    right: 260px;
    bottom: 20%;
    z-index: 20;
}
#section6 .contentTopLeft
{
    position: absolute;
    bottom: 110px;
    left: 110px;
    text-align: left;
    width: 20%;
    z-index: 30;
}

#section5 .contentBottomRight 
{
    position: absolute;
    right: -50px;
    bottom: 0px;
}
#section5 .contentTopLeft
{
    position: absolute;
    top: 150px;
    left: 110px;
    text-align: left;
    width: 28%;
    z-index: 30;
}

#section4 .contentBottomRight 
{
    width: auto;
    position: absolute;
    right: 70px;
    bottom: 70px;
    z-index: 20;
}
#section4 .contentTopLeft
{
    position: absolute;
    top: 150px;
    left: 110px;
    text-align: left;
    width: 27%;
    z-index: 30;
}


#section3bis .contentTopLeft p {
    font-size: 15px;
    position: absolute;
    font-weight: 100;

}
#section3bis .contentTopLeft {
    position: absolute;
    width:45%;
    text-align: left;
    top: 160px;
    left: 160px;  
}
#section3bis .contentTopLeft p {
    width: 55%;
    
    
}
#section3bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
}

#section3bis .contentTopRight {
    width: 40%;
    position: absolute;
    top: 110px;
    right: 90px;
    font-size: 20px;
}
#section3bis .contentTopRight span {
    font-size: 10px;
    color: black;
    position: absolute;
    text-align: right;
    top: 420px;
    width: 40%;
    font-weight: 800;
}

#section3bis .contentTopRight img {
    position: absolute;
    right: 0px;
    top: 70px;
    z-index: 20;
}
#section3bis .contentTopRight h4 {
    font-weight: 700;
    z-index: 30;
}
#section3 .contentBottomRight {
    width: auto;
    position: absolute;
    right: 350px;
    top: 200px;
}
#section3 .contentTopLeft{
    position: absolute;
    top: 50px;
    right: 350px;
    text-align: center;
    width: 40%;
    z-index: 30;
}

#section2 .contentBottomLeft {
    left: 0px;
    position: absolute;
}
#section2 .contentBottomRight {
    width: auto;
    position: absolute;
    right: 180px;
    bottom: 200px;
    z-index: 20;
}
#section2 .contentTopLeft{
    position: absolute;
    top: 160px;
    left: 110px;
    text-align: left;
    width: 40%;
    height: 210px;
    z-index: 30;

}

#section1bis .contentTopRight{
    position: absolute;
    top: 100px;
    right:80px;
    width: 35%;
    font-size: 14px;
    font-weight: 800;
}
#section1bis .contentTopLeft {
    width: 33%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#section1bis .contentTopLeft p {
    font-size: 14px;
    position: absolute;
    font-weight: 100;
    width: 90%;

}
#section1bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#section1bis .contentBottomLeft {
    position: absolute;
    top: 350px;
    left: 320px;
    text-align: left;
    width:26%;

}
#section1bis .contentBottomLeft h4 {
    font-weight: 700;
    font-size: 20px;
    font-weight: 700;

    
} 
#section1bis .contentBottomLeft p {
    font-size: 14px;
    font-weight: 100;
}
#section1bis .contentBottomRight {
    width: auto;
    position: absolute;
    right: 100px;
    top: 200px;
}

#section1bis .contentBottomRight span{
    width: 50%;
    text-align: right;
    font-weight: 800;
    font-size: 10px;
    color: black;
    position: absolute;
    right: 10px;
    top: 400px;
    z-index: 20;
    
}
#section1 .contentBottomRight {
    width: auto;
    position: absolute;
    right: 0px;
    bottom: 100px;
}
#section1 img {
    margin-right: 100Px;
}
#section1 .contentTopLeft{
    position: absolute;
    top: 160px;
    left: 110px;
    text-align: left;
    width: 24%;
    z-index: 30;
}

.signature {
    z-index: 40;
    position: absolute;
    bottom: 70px;
    right: 40px;
    color: #444;
    font-size: 12px;
    
    
}



/******** SLIDES GAUCHE ********/

#slide1 .contentBottomRight
{
    position: absolute;
    right: 150px;
    bottom: 100px;
    z-index: 20;
    
}
 #slide1 .contentTopLeft
{
    position: absolute;
    bottom: 80px;
    right: 300px;
    text-align: center;
    width: 50%;
    z-index: 30;
}

#slide2 .contentTopLeft
{
    position: absolute;
    top: 140px;
    left: 310px;
    text-align: left;
    width: 25%;
    z-index: 30;
}
#slide2 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: 0px;
    bottom: 20px;
    z-index: 20;
    
}

#slide3 .contentTopLeft{
    position: absolute;
    top: 120px;
    left: 210px;
    text-align: left;
    width: 25%;
    z-index: 30;
}
#slide3 .contentBottomRight{
    width: auto;
    position: absolute;
    right: 120px;
    bottom: 0px;
    z-index: 20;
    
}
#slide3bis .contentTopRight h4 {
    position: absolute;
    top: 100px;
    right:80px;
    width: 35%;
    font-size: 20px;
    font-weight: 800;
}
#slide3bis .contentTopLeft{
    width: 49%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#slide3bis .contentTopLeft p {
    font-size: 15px;
    font-weight: 100;
    width: 50%;
    text-align: left;

}
#slide3bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 800;
}
#slide3bis .contentBottomLeft {
    position: absolute;
    top: 340px;
    left: 160px;
    text-align: left;
}
#slide3bis .contentBottomLeft h4 {
    font-weight: 700;
    width: 40%;
    font-size: 20px;
    font-weight: 800;

    
} 
#slide3bis .contentBottomLeft p {
    font-size: 15px;
    width:29%;
    font-weight: 100;
}
#slide3bis .contentBottomRight img{
    width: 20%;
    position: absolute;
    right: 190px;
    top: 170px;
    z-index: 20;
    
}

#slide3bis .contentBottomRight span{
    width: 20%;
    text-align: right;
    font-weight: 800;
    font-size: 10px;
    color: black;
    position: absolute;
    right: 190px;
    top: 570px;
    z-index: 20;
    
}

#slide4 .contentTopLeft
{
    position: absolute;
    left: 110px;
    top: 140px;
    text-align: left;
    width: 35%;
    height: 210px;
    z-index: 30;
}
#slide4 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 20;  
}

#slide5 .contentTopLeft{
    position: absolute;
    top: 50px;
    left: 300px;
    text-align: center;
    width: 50%;
    z-index: 30;
}
#slide5 .contentBottomRight{
    width: auto;
    position: absolute;
    right: 190px;
    top: 130px;
    z-index: 20;   
}
#slide5bis .contentTopRight h4{
    position: absolute;
    top: 100px;
    right:80px;
    width: 35%;
    font-size: 20px;
    font-weight: 800;
}

#slide5bis .contentTopRight img{
    position: absolute;
    top: 100px;
    right:0px;
    width: 45%;
    font-size: 20px;
    font-weight: 800;
}
#slide5bis .contentTopLeft {
    width: 32%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#slide5bis .contentTopLeft p {
    font-size: 14px;
    position: absolute;
    font-weight: 100;

}
#slide5bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#slide5bis .contentBottomLeft {
    position: absolute;
    top: 360px;
    left: 160px;
    text-align: left;
    width:32%;
}
#slide5bis .contentBottomLeft h4 {
    font-weight: 700;
    width: 25%;
    font-size: 20px;
    font-weight: 400;

    
} 
#slide5bis .contentBottomLeft p {
    font-size: 14px;
    font-weight: 100;
}
#slide5bis .contentBottomRight p{
    position: absolute;
    width: 32%;
    text-align: left;
    font-size: 14px;
    left: 160px;
    top: 445px;
    font-weight: 100;
}

#slide6 .contentTopLeft
{
    position: absolute;
    top: 120px;
    left: 110px;
    text-align: left;
    width: 30%;
    z-index: 30;
}
#slide6 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -50px;
    bottom: 70px;
    z-index: 20;
    
}

#slide7 .contentTopLeft {
    position: absolute;
    top: 160px;
    left: 120px;
    text-align: left;
    width: 30%;
    z-index: 30;
}
#slide7 .contentBottomRight {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    
}
#slide7bis .contentTopRight h4{
    position: absolute;
    top: 100px;
    right:80px;
    width: 35%;
    font-size: 20px;
    font-weight: 800;
}
#slide7bis .contentTopLeft {
    width: 28%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#slide7bis .contentTopLeft p {
    font-size: 15px;
    position: absolute;
    font-weight: 100;
    width: 75%;

}
#slide7bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#slide7bis .contentBottomRight{
    position: absolute;
    text-align: left;
    font-size: 16px;
    right: 40px;
    top: 160px;
}

#slide7bis .contentBottomRight span{
    width: 40%;
    text-align: right;
    font-weight: 800;
    font-size: 10px;
    color: black;
    position: absolute;
    right: 190px;
    top: 400px;
    z-index: 20;
    
}

#slide8 .contentTopLeft
{
    position: absolute;
    top: 160px;
    left: 140px;
    text-align: left;
    width: 33%;
    z-index: 30;
}
#slide8 .contentBottomRight {
    position: absolute;
    right: -80px;
    bottom: 0px;
    z-index: 20;
    
}

#slide9 .contentTopLeft
{
    position: absolute;
    top: 150px;
    left: 110px;
    text-align: left;
    width: 30%;
    z-index: 30;
}
#slide9 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -20px;
    bottom: 20px;
    z-index: 20;
    
}

#slide10 .contentTopLeft
{
    position: absolute;
    top: 130px;
    right: 180px;
    text-align: left;
    width: 28%;
    height: 210px;
    z-index: 30;
}
#slide10 .contentBottomRight
{
    position: absolute;
    right: 100px;
    bottom: 20px;
    z-index: 20;
    
}

#slide11 .contentTopLeft
{
    position: absolute;
    top: 100px;
    left: 310px;
    text-align: center;
    width: 50%;
    z-index: 30;
}
#slide11 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: 120px;
    top: 120px;
    z-index: 20;
    
}

#slide12 .contentTopLeft
{
    position: absolute;
    top: 160px;
    left: 110px;
    text-align: left;
    width: 30%;
    z-index: 30;
}
#slide12 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 20;
    
}

#slide13 .contentTopLeft{
    position: absolute;
    width: 35%;
    z-index: 30;
    top: 160px;
    left: 110px;
    text-align: left;
}
#slide13 .contentBottomRight {
    position: absolute;
    z-index: 20;
    right: 0px;
    bottom: 0px;
    
}
#slide13bis .contentTopRight h4 {
    position: absolute;
    top: 100px;
    right: 120px;
    font-size: 20px;
    font-weight: 900;
    width: 35%;
}
#slide13bis .contentTopLeft {
    position: absolute;
    width:510px;
    text-align: left;
    top: 160px;
    left: 160px;  
}
#slide13bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#slide13bis .contentTopLeft p {
    font-size: 15px;
    top: 50px;
}
#slide13bis .contentTopLeft ul {
    list-style-type: circle;
    margin-left: 50px;
    width: 68%;
    font-weight: 400;
    margin-top: 130px;
}
#slide13bis .contentTopRight img {
    position: absolute;
    right: 160px;
    top: 170px;
}
#slide13bis .contentBottomRight span {
    position: absolute;
    width: 30%;
    text-align: right;
    font-size: 10px;
    right: 60px;
    top: 590px;
    color: black;
    font-weight: 800; 
}

#slide13bis .contentBottomRight img{
    position: absolute;
    width: 15%;
    right: 230px;
    bottom: 180px;
}


/******** SLIDES DROITE ********/
#slide_1 .contentBottomRight
{
    position: absolute;
    right: 250px;
    bottom: 150px;
    z-index: 20;
    
}
 #slide_1 .contentTopLeft
{
    position: absolute;
    bottom: 50px;
    right: 200px;
    text-align: center;
    width: 60%;
    z-index: 30;
}
#slide_2 .contentTopLeft{
    position: absolute;
    top: 40px;
    left: 310px;
    text-align: left;
    width: 630px;
    z-index: 30;
    text-align: center;
}
#slide_2 .contentBottomRight{
    width: auto;
    position: absolute;
    right: 270px;
    top: 150px;
    z-index: 20;
    
}
#slide_2bis .contentTopLeft {
    width: 26%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#slide_2bis .contentTopLeft p {
    font-size: 15px;
    position: absolute;
}
#slide_2bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#slide_2bis .contentBottomLeft {
    position: absolute;
    top: 360px;
    left: 260px;
    text-align: left;
    width: 50%
}
#slide_2bis .contentBottomLeft h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    width: 360px
    
} 
#slide_2bis .contentBottomLeft p {
    font-size: 14px;
    width: 60%;
}
#slide_2bis .contentTopRight h4 {
    position: absolute;
    top: 100px;
    right: 120px;
    font-size: 20px;
    font-weight: 900;
}
#slide_2bis .contentTopRight img {
    position: absolute;
    top: 130px;
    right: 80px;
}
#slide_2bis .contentTopRight span {
    color: black;
    font-weight: 800;
    font-size: 10px;
    position: relative;
    bottom: -160px;
    right: -480px;
}
#slide_2bis .contentBottomRight {
    width: 30%;
    position: absolute;
    text-align: left;
    right: 100px;
    bottom:60px;
    
}
#slide_2bis .contentBottomRight p {
    font-size: 14px;
    
}
.line {
    background-image: url(imgs/line.png);
    position: absolute;
    height: 63%;
    top: 160px;
    left: 140px;
    width:2px;
}

#slide_3 .contentTopLeft
{
    position: absolute;
    top: 160px;
    left: 110px;
    text-align: left;
    width: 26%;
    z-index: 30;
}
#slide_3 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -100px;
    bottom: 20px;
    z-index: 20;
    
}

#slide_4 .contentTopLeft
{
    position: absolute;
    left: 110px;
    bottom: 40px;
    text-align: left;
    width: 550px;
    height: 210px;
    z-index: 30;
}
#slide_4 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -60px;
    bottom: 20px;
    z-index: 20;  
}

#slide_5 .contentTopLeft
{
    position: absolute;
    top: 190px;
    left: 160px;
    text-align: left;
    z-index: 30;
}
#slide_5 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -20px;
    bottom: 20px;
    z-index: 20;   
}

#slide_6 .contentTopLeft
{
    position: absolute;
    top: 190px;
    left: 160px;
    text-align: left;
    z-index: 30;
}
#slide_6 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -90px;
    bottom: 70px;
    z-index: 20;
    
}

#slide_7 .contentTopLeft
{   position: absolute;
    bottom: 60px;
    left: 200px;
    text-align: left;
    width: 630px;
    height: 210px;
    z-index: 30;
}
#slide_7 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -80px;
    bottom: 20px;
    z-index: 20;
    
    
}

#slide_8 .contentTopLeft
{
    position: absolute;
    bottom: -30px;
    left: 410px;
    text-align: center;
    width: 48%;
    height: 210px;
    z-index: 30;
}
#slide_8 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: 250px;
    bottom: 140px;
    z-index: 20;
    
}

#slide_9 .contentTopLeft {
    position: absolute;
    top: 150px;
    left: 110px;
    text-align: left;
    width: 300px;
    z-index: 30;
}
#slide_9 .contentBottomRight {
    width: auto;
    position: absolute;
    right: -20px;
    bottom: 20px;
    z-index: 20;
    
}
#slide_9bis .contentTopLeft {
    width: 45%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#slide_9bis .contentTopLeft p {
    font-size: 15px;
    position: absolute;
    width: 68%;

}
#slide_9bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#slide_9bis .contentBottomLeft {
    position: absolute;
    top: 470px;
    left: 280px;
    width: 45%;
}
#slide_9bis .contentBottomLeft h4 {
    font-weight: 700;
    width: 50%;
    font-size: 20px;
    text-align: left;

    
} 
#slide_9bis .contentBottomLeft p {
    font-size: 14px;
    width:70%;
    text-align: left;

}
#slide_9bis .contentTopRight span {
    text-align: right;
    font-size: 10px;
    font-weight: 800;
    color: black;
    margin-right: 0px;
    top: 450px;
    right: 120px;
    position: absolute;
}
#slide_9bis .contentBottomRight {
    position: absolute;
    right: 0px;
    width: 40%;
    top: 470px;
    text-align: left;
}
#slide_9bis .contentBottomRight h4 {
    font-size: 20px;
    font-weight: 800;
    width: 90%;
    
}
#slide_9bis .contentBottomRight p {
    font-size: 14px;
    width: 80%;
    
}
#slide_9bis .contentTopRight h4 {
    position: absolute;
    top: 100px;
    right: 80px;
    font-size: 20px;
    font-weight: 900;
    width: 35%;
}
#slide_9bis .contentTopRight img {
    position: absolute;
    top: 180px;
    right: 170px;
}

#slide_10 .contentTopLeft{
    position: absolute;
    top: 180px;
    left: 110px;
    text-align: left;
    width: 24%;
    height: 210px;
    z-index: 30;
}
#slide_10 .contentBottomRight{
    width: auto;
    position: absolute;
    right: -100px;
    bottom: -20px;
    z-index: 20;
    
}
#slide_10bis .contentTopRight span {
    position: absolute;
    bottom: -500px;
    right: 80px;
    color: black;
    font-size: 10px;
    font-weight: 800;
}
#slide_10bis .contentTopLeft {
    width: 40%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#slide_10bis .contentTopLeft p {
    font-size: 15px;
    position: absolute;
    width: 75%;
    font-weight: 100;

}
#slide_10bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    width: 80%;
}
#slide_10bis .contentBottomLeft {
    position: absolute;
    top: 400px;
    left: 280px;
    text-align: left;
    width: 53%;
}
#slide_10bis .contentBottomLeft h4 {
    font-weight: 700;
    font-size: 20px;
    font-weight: 700;
    width: 50%;

} 
#slide_10bis .contentBottomLeft p {
    font-size: 15px;
    width:60%;
    font-weight: 100;

}
#slide_10bis .contentTopRight {
    position: absolute;
    right: 70px;
    top: 100px;
    width: 40%;
    text-align: center;
    font-weight: 800;
    font-size: 14px;
}
#slide_10bis .contentTopRight img {
    position: absolute;
    top: 80px;
    right: 40px;   
}
#slide_10bis .contentTopRight h4 {
    position: absolute;
    top: 0px;
    right: 50px;
    font-size: 20px;
    font-weight: 900;
    width: 75%
    
}

#slide_11 .contentTopLeft
{
    position: absolute;
    top: 160px;
    left: 110px;
    text-align: left;
    width: 27%;
    height: 210px;
    z-index: 30;
}
#slide_11 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -100px;
    bottom: 20px;
    z-index: 20;
    
}

#slide_12 .contentTopLeft
{
    position: absolute;
    bottom: 160px;
    left: 110px;
    text-align: left;
    width: 30%;
    height: 210px;
    z-index: 30;
}
#slide_12 .contentBottomRight
{
    width: auto;
    position: absolute;
    right: -20px;
    bottom: 20px;
    z-index: 20;
    
}

#slide_12bis .contentTopLeft {
    position: absolute;
    width:510px;
    text-align: left;
    top: 160px;
    left: 160px;  
}
#slide_12bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#slide_12bis .contentTopLeft p {
    font-size: 15px;
    top: 50px;
}
#slide_12bis .contentTopRight img {
    position: absolute;
    right: 160px;
    top: 170px;
}
#slide_12bis .contentBottomRight span {
    position: absolute;
    width: 30%;
    text-align: right;
    font-size: 10px;
    right: 60px;
    top: 590px;
    color: black;
    font-weight: 800; 
}

#slide_12bis .contentBottomRight img{
    position: absolute;
    width: 15%;
    right: 230px;
    bottom: 180px;
}

#slide_12bis .contentTopRight h4 {
    position: absolute;
    top: 100px;
    right: 120px;
    font-size: 20px;
    font-weight: 900;
    width: 35%;
}

/******** SLIDES BAS *******/

#section_1 .contentTopLeft {  
    position: absolute;
    text-align: left;
    left: 110px;
    width: 30%;
    
}
#section_1 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
}

#section_1bis .contentTopLeft {
    width: 33%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#section_1bis .contentTopLeft p {
    font-size: 14px;
    position: absolute;
    font-weight: 100;

}
#section_1bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
    width: 90%
}
#section_1bis .contentBottomLeft {
    position: absolute;
    top: 160px;
    left: 680px;
    text-align: left;
    width: 33%
}
#section_1bis .contentBottomLeft h4 {
    font-weight: 700;
    font-size: 20px;
    font-weight: 800; 
} 
#section_1bis .contentBottomLeft p {
    font-size: 14px;
    font-weight: 100;
}




 #section_1bis .contentBottomRight p {
    font-size: 14px;
    font-weight: 100;
    text-align: left;
}
#section_1bis .contentBottomRight h4 {
    font-size: 20px;
    font-weight: 900;
    text-align: left;
}

#section_2 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    z-index: 20;
}
#section_2 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    top: 250px;
    width: 30%;
    border: aqua 4px;
}

#section_3 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 30%;
}
#section_3 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}
#section_3bis .contentTopRight h4{
    position: absolute;
    top: 100px;
    right:80px;
    width: 35%;
    font-size: 20px;
    font-weight: 800;
}
#section_3bis .contentTopRight img{
    position: absolute;
    top: 170px;
    right:180px;
    width:23%;
    font-size: 20px;
    font-weight: 800;
}
#section_3bis .contentTopLeft {
    width: 25%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 160px;
}
#section_3bis .contentTopLeft p {
    font-size: 14px;
    position: absolute;
    font-weight: 100;
    width: 90%;

}
#section_3bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#section_3bis .contentBottomLeft {
    position: absolute;
    top: 340px;
    left: 280px;
    text-align: left;
    width: 23%;
}
#section_3bis .contentBottomLeft h4 {
    font-weight: 800;
    font-size: 20px;

    
} 
#section_3bis .contentBottomLeft p {
    font-size: 14px;
    font-weight: 100;
}
#section_3bis .contentTopRight span {
    color: black;
    font-weight: 800;
    font-size: 10px;
    text-align: right;
    right: 120px;
    top: 550px;
    position: absolute;
    
}
#section_4 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 29%;    
    
}
#section_4 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}

#section_5 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 30%;   
}
#section_5 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}

#section_6 .contentTopLeft { 
    position: absolute;
    text-align: left;
    left: 110px;
    width: 32%;
    bottom: 100px;
}
#section_6 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}

#section_7 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 30%;    
}
#section_7 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
}
#section_7bis .contentTopLeft {
    width: 28%;
    text-align: left;
    position: absolute;
    left: 160px;
    top: 150px;
}
#section_7bis .contentTopLeft p {
    font-size: 15px;
    position: absolute;
    font-weight: 100;
    width: 80%;

}
#section_7bis .contentTopLeft h4 {
    font-size: 22px;
    font-weight: 600;
}
#section_7bis .contentTopRight h4{
    position: absolute;
    top: 120px;
    right:100px;
    width: 38%;
    font-size: 20px;
    font-weight: 800;
}
#section_7bis .contentBottomRight img {
    position: absolute;
    width: 45%;
    right: 70px;
    top: 200px;
}

#section_7bis .contentBottomRight span {
    position: absolute;
    width: 30%;
    text-align: right;
    font-size: 10px;
    right: 60px;
    top: 590px;
    color: black;
    font-weight: 800; 
}


#section_8 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 30%;    
}
#section_8 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}

#section_9 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 30%;    
}
#section_9 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}

#section_10 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 26%;    
}
#section_10 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}

#section_11 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 33%; 
    top: 230px;
}
#section_11 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}

#section_12 .contentTopLeft {
    position: absolute;
    text-align: left;
    left: 110px;
    width: 35%;    
}
#section_12 .contentBottomRight {
    right: 130px;
    position: absolute;
    bottom: 60px;
    
}
#section_12bis .contentTopRight h4 {
    position: absolute;
    top: 100px;
    right: 120px;
    font-size: 20px;
    font-weight: 900;
    width: 35%;
}
#section_12bis .contentBottomRight img{
    position: absolute;
    width: 15%;
    right: 230px;
    bottom: 100px;
}
#section_12bis .contentTopLeft {
    position: absolute;
    width:510px;
    text-align: left;
    top: 160px;
    left: 160px;  
}
#section_12bis .contentTopLeft h4 {
    font-size: 20px;
    font-weight: 600;
}
#section_12bis .contentTopLeft p {
    font-size: 15px;
    top: 50px;
}
#section_12bis .contentTopLeft ul {
    list-style-type: circle;
    margin-left: 50px;
    width: 68%;
    font-weight: 400;
    margin-top: 130px;
}
#section_12bis .contentTopRight img {
    position: absolute;
    right: 160px;
    top: 170px;
}
#section_12bis .contentBottomRight span {
    position: absolute;
    width: 30%;
    text-align: right;
    font-size: 10px;
    right: 60px;
    top: 590px;
    color: black;
    font-weight: 800; 
}

#section_12bis .contentBottomRight img{
    position: absolute;
    width: 15%;
    right: 230px;
    bottom: 180px;
}

/******** FOOTER ***********/

footer
{
    position: absolute;
    z-index: 100;
    bottom: 0px;
    display: block;
    height: 40px;
    background-color:#444;
    color: white;
    width: 100%;
}

#footer_left ul li {
   display: inline-block;
   float: left;
}

#twitter {
   max-width: 26px;
   padding-top: 7px;
   padding-left: 10px;
   padding-right: 10px;
}
#facebook {
   max-width: 26px;
   padding-top: 7px;
}
#myria-logo {
   max-width: 110px;
   padding-top: 7px;
   padding-left: 5px;
}

#footer_right ul
{
    position: absolute;
    right: 50px;
}

#footer_right .pdf {
    bottom: 20px;
    position: absolute;
    right: -40px
}

#footer_right .jim2014 img {
    right: 10px;
    bottom: -3px;
    position: relative;
    
}
#footer_right ul li {
   display: inline-block; 
   font-family: 'Quicksand';
   font-size:18px;
   padding: 10px;
   padding-right: 30px;
}

a.enterAfghan
{
    background-image: url(imgs/briefcase.svg);
}

a.enterFrancaise {
    background-image: url(imgs/notebook.svg);
}

a.enterSomalienne {
    background-image: url(imgs/heart.svg);
}

a.enterRoumain {
    background-image: url(imgs/hammer.svg);
}

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



/***** Couleurs *****/

body.parcours1 #moveUp {
    background-image: url(imgs/arrows/up-arrow_jaune_fondblanc.svg);
}
body.parcours1 #moveDown {
    background-image: url(imgs/arrows/down-arrow_jaune_fondblanc.svg);
}
body.parcours1 footer {
    background-color: #ffd200;
}
body.parcours1 #Navigation .etudiante {
    background-image: url(imgs/notebook.png);
}
body.parcours1 #header span {
    color: #ffd200
}
body.parcours1 #header h3 {
    color: #ffd200
}

body.parcours2 #moveRight {
    background-image: url(imgs/arrows/right-arrow_bleu_fondblanc.svg);
}
body.parcours2 #moveLeft {
    background-image: url(imgs/arrows/left-arrow_bleu_fondblanc.svg);
}
body.parcours2 footer {
    background-color: #1426b2;
}
body.parcours2 #Navigation .afghan {
    background-image: url(imgs/briefcase.svg)
}

body.parcours2 #header span {
    color: #1426b2;}
body.parcours2 #header h3{
    color: #1426b2;}


body.parcours3 #moveUp {
    background-image: url(imgs/arrows/up-arrow_vert_fondblanc.svg);
}
body.parcours3 #moveDown {
    background-image: url(imgs/arrows/down-arrow_vert_fondblanc.svg);
}
body.parcours3 footer {
    background-color: #2d9000;
}
body.parcours3 #Navigation .somalienne {
    background-image: url(imgs/heart.svg);
}

body.parcours3 #header span {
    color: #2d9000;
    
}

body.parcours3 #header h3 {
    color: #2d9000;
    
}

body.parcours4 #moveRight {
    background-image: url(imgs/arrows/right-arrow_rouge_fondblanc.svg);
}
body.parcours4 #moveLeft {
    background-image: url(imgs/arrows/left-arrow_rouge_fondblanc.svg);
}
body.parcours4 footer {
    background-color: #9b0016;
}
body.parcours4 #Navigation .roumain {
    background-image: url(imgs/hammer.svg);
}

body.parcours4 #header span {
    color: #9b0016;
}
body.parcours4 #header h3 {
    color: #9b0016;
}


/***** Dernières customisations avant présentation *****/

#header h2
{
    font-size: 20px;
}

#header-2
{
    position: absolute;
    left: 500px;
    top: 0px;
    z-index:30;
    width: auto;
}

.contentBottom {
    position: absolute;
    top: 300px;
    left: 100px;
    width: 300px;
    z-index:30;
}

.contentBottom p {
    position: relative;
    font-size: 15px;
    padding-left: 20px; 
    background-image: url(imgs/line.png);
    background-repeat: repeat-y;
}

#introduction
{
    display: block;
}

#introduction h2, #landingPage h2
{
    font-size: 35px;
}

#landingPage
{
    width: 600px;
    display: block;
}

.contentTop
{
    height: 100%;
}

.contentImage
{
    z-index: -20;
    width: 640px;
    height: 999px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
}

.contentImage img
{
    height: 640px;
    width: 999px;
}