body, html {
    width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-family: 'Titillium Web', sans-serif;
    cursor: text;
    overflow: hidden;
}



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

h1 {    
    text-indent: -100000px;
}



.margintop {
	height:5%;
}

.mainwindow {
	height:90%;
}

#myworldmapvideo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2%;
}



.mainwindowentree{
    height:100%;
} 

.marginleft {
	width:3%;
	height:100%;
	float: left;
}

.entree {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    top: 85%;
    line-height: 170%;
    text-align: center;
    font-size: 0.8em;
    font-weight: 300;
    font-family: Titillium Web;
}


/*cote gauche menu*/

.colonnegauche {
    width: 19%;
    height: 100%;
    float: left;
    position: relative;
    z-index: 10000;
}


.boxlogo {
    height: 10%;
    background-image : url(../images/CKlogoWtext.png);
    background-repeat: no-repeat;
    background-size: 55%;
    background-position: left;
}

.boxsouslogo {
    height: 12%;
}

.boxmenu {
    height: 55%;
}

.boxfirstmenu {
    line-height: 170%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}

.boxsecondmenu {
    height: 79%;
}

.boxsecondmenuspace {
    width: 10%;
    margin-top: 3%;
    float: left;
    border-right: 1px solid black;
    height: 78%;

}

.boxsecondmenutext {
    width: 80%;
    float: left;
    margin-left: 2%;
    line-height: 170%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}

.boxsecondmenutext .itemMenu {font-weight: normal;}
.boxsecondmenutext .itemMenu.bold {font-weight: bold;}

.boxsousmenu {
    height: 17%;
}

.boxsocial {
    line-height: 100%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}






/*milieu*/

.colonnemilieu {
    width: 50%;
    height: 100%;
    float: left;
}

#img1 {
  max-width: 13%;
  height: auto;
  opacity: 0.5;
  position: fixed;
  top: 15%;
  left: 23%;
}

#img2 {
  max-width: 30%;
  height: auto;
  opacity: 0.5;
  position: fixed;
  top: 30%;
  right: 0;
}





/*cote droit langue*/

.colonnedroite {
    width: 25%;
    height: 100%;
    float: left;
}

.boxlangue {
    line-height: 100%;
    margin-top: 4%;
    margin-left: 50%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
    position: relative;
    z-index: 10000;
}

.boxvidesouslangue {
    height: 92%;
}

.boxtextedescription {
    padding-top: 25%;
    width: 90%;
}

.title{
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
    padding-bottom: 2.5%;
    padding-top: 2.5%;
    padding-left: 4.5%;
    position: relative;
    z-index: 10000;
    background-color: #ffffff;
}

  /* .infosupplementaire{
    background-color: white;
   position: fixed;
    padding-top: 2.5%;
    padding-left: 4.5%;
    padding-bottom: 2.5%;
    padding-right: 4.5%;
    margin-top: 10%;
    margin-left: -30%;
    display: none; 
}*/


.info{
    padding-top: 3%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
    position: relative;
    z-index: 10000;
}


.boxcredit {
    margin-left: 50%;
    line-height: 115%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
    position: relative;
    z-index: 10000;
}








/*text about en scroll*/

.scrolltextedescription {
    width: 65%;
    height: 200%;
    position: fixed;
    overflow: scroll;
    top: 25%;
    left: 30%;
}

.scrolltextefirst {  }

.scrolltexteabout {    
    width: 55%;
    padding-top: 1.5%;
    margin-left: 0.8%;
    line-height: 170%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}

.scrolltextespaceholder {  
    height: 10.4%;
}

.scrolltextespaceholderun{  
    width: 33%;   
    height: 80%; 
    float: left;
    border-left: 1px solid black;
}

.scrolltextespaceholderdeux{  
    width: 33%;   
    height: 80%; 
    float: left;
    border-left: 1px solid black;
}

.scrolltextespaceholdertrois{  
    width: 33%;   
    height: 80%; 
    float: left;
    border-left: 1px solid black;
}

.scrolltexteinfosup {  
    height: 110%;
    position:relative;
    top: -20px;
}

.scrolltexteeducation {  
    width: 33%;    
    float: left;
    margin-left: 0.8%;
    line-height: 170%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}

.scrolltexteexperience {  
    width: 33%;  
    float: left;
    margin-left: 0.1%;
    line-height: 170%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}

.scrolltextepartner { 
    width: 33%;     
    float: left;
    margin-left: 0.1%;
    line-height: 170%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}







/*projets en scroll*/

.scrollimagesboxacceuil {
    width: 77%;
    height: 91.5%;
    position: fixed;
    overflow: scroll;
    top: 5%;
    left: 20%;
    bottom: 3.5%;
    padding-right: 10000px;

}

.scrollimagesprojetsacceuil {}

.scrollimagesprojetsacceuil a {display: block;}

.scrollimagesprojetsacceuil a.project img {width:100%; height:100%;}

.titreProjet {
    opacity: 0;
    line-height: 110%;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
    border-bottom: 1px solid #000000;
    height: 12px}


.nomProjet, .dateProjet {background-color: #fff}
.nomProjet {float: left; padding-right: 5px}
.dateProjet {float: right; padding-left: 5px}


/*CHROME VERSION*/
#projetacceuilkafka {
  max-width: 16%;
  float: left;
  margin-top: 6%;
  margin-left: 7%;
}
#projetacceuilrevue {
  max-width: 32.5%;
  float: left;
  margin-top: 12%;
  margin-left: 5%;
}

#projetacceuil2136 {
  max-width: 32.5%;
  float: left;
  margin-top: 5%;
  margin-left: 5%;
 } 

#projetacceuil8 {
  max-width: 20%;
  float: left;
  margin-top: 32.5%;
  margin-left: -98%;
}
#projetacceuiljack {
  max-width: 15.5%;
  float: left;
  margin-top: 42%;
  margin-left: -45%;
}
#projetacceuilpolyglot {
  max-width: 26%;
  float: left;
  margin-top: 2.5%;
  margin-left: 13.5%;
}
#projetacceuilbidouche {
  max-width: 32.5%;
  float: left;
  margin-top: -2%;
  margin-left: 15%;
}
#projetacceuilrevuevideo {
  max-width: 26%;
  float: left;
  margin-top: 1.5%;
  margin-left: 26.5%;
}
/*#projetacceuilrevuetypo {
  max-width: 26%;
  float: left;
  margin-top: -12.5%;
  margin-left: 26.5%;
}*/
#projetacceuilmono {
  max-width: 32.5%;
  float: left;
  margin-top: 25.5%;
  margin-left: -90%;
}
#projetacceuilsound {
  max-width: 32.5%;
  float: left;
  margin-top: 3%;
  margin-left: 10%;
}
#projetacceuiltroy {
  max-width: 24%;
  float: left;
  margin-top: 10%;
  margin-left: 0%;
}
#projetacceuilvivaldi {
  max-width: 36.5%;
  float: left;
  margin-top: 7%;
  margin-left: 6.5%;
}
#projetacceuilhervideo {
  max-width: 24%;
  float: left;
  margin-top: 3%;
  margin-left: 6%;
}


/*SAFARI VERSION
#projetacceuilkafka {
  max-width: 16%;
  float: left;
  margin-top: 6%;
  margin-left: 7%;
}
#projetacceuilrevue {
  max-width: 32.5%;
  float: left;
  margin-top: 12%;
  margin-left: 5%;
}

#projetacceuil2136 {
  max-width: 32.5%;
  float: left;
  margin-top: 5%;
  margin-left: 5%;
 } 

#projetacceuil8 {
  max-width: 20%;
  float: left;
  margin-top: 32.5%;
  margin-left: -98%;
}
#projetacceuiljack {
  max-width: 15.5%;
  float: left;
  margin-top: 40%;
  margin-left: -45%;
}
#projetacceuilpolyglot {
  max-width: 26%;
  float: left;
  margin-top: 2%;
  margin-left: 5.5%;
}
#projetacceuilbidouche {
  max-width: 32.5%;
  float: left;
  margin-top: -11.5%;
  margin-left: 15%;
}
#projetacceuilrevuevideo {
  max-width: 26%;
  float: left;
  margin-top: -9.5%;
  margin-left: 26.5%;
}
*//*#projetacceuilrevuetypo {
  max-width: 26%;
  float: left;
  margin-top: -12.5%;
  margin-left: 26.5%;
}*//*
#projetacceuilmono {
  max-width: 32.5%;
  float: left;
  margin-top: 15.5%;
  margin-left: -90%;
}
#projetacceuilsound {
  max-width: 32.5%;
  float: left;
  margin-top: 3%;
  margin-left: 10%;
}
#projetacceuiltroy {
  max-width: 24%;
  float: left;
  margin-top: 37%;
  margin-left: -90%;
}
#projetacceuilvivaldi {
  max-width: 36.5%;
  float: left;
  margin-top: 7%;
  margin-left: -12.5%;
}
#projetacceuilhervideo {
  max-width: 24%;
  float: left;
  margin-top: 3%;
  margin-left: 6%;
}SAFARI VERSION */








/*projets un par un*/

.scrollimagesbox {
    width: 64%;
    height: 80%;
    position: fixed;
    overflow: scroll;
    top: 15%;
    left: 20%;
    padding-right: 10000px;
}

.scrollimagesprojetsbidouche {height: 600%;}
.scrollimagesprojetseight {height: 250%;}
.scrollimagesprojetsher {height: 100%;}
.scrollimagesprojetsjack {height: 230%;}
.scrollimagesprojetskafka {height: 400%;}
.scrollimagesprojetsmono {height: 230%;}
.scrollimagesprojetspolyglot {height: 230%;}
.scrollimagesprojetsrevue {height: 1000%;}
.scrollimagesprojets2136 {height: 825%;}
.scrollimagesprojetssound {height: 130%;}
.scrollimagesprojetstroy {height: 230%;}
.scrollimagesprojetsvivaldi {height: 80%;}

.textdescriptionprojet{
    width: 50%;
    margin-left: 52%;
    padding-top: 3%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}



.textdescriptionprojether{
    width: 46%;
    margin-left: 42%;
    padding-top: 3%;
    text-align: left;
    font-size: 1.1vw;
    font-weight: 300;
    font-family: Titillium Web;
}


.scrollimagesprojetsher iframe {
    margin-left: 1.5%;
    margin-top: 1.5%;
}
.scrollimagesprojets2136 iframe {
    margin-left: 1.5%;
    margin-top: 2%;
}


#projet {
  max-width: 100%;
  float: left;
  margin-left: 1.5%;
  margin-top: 1.5%;
}
#projetup {
  max-width: 48.5%;
  float: left;
  margin-left: 1.5%;
  margin-top: 1.5%;
}
.video-responsive{
  position:relative;
  width: 100%;
  float: left;
  margin-left: 0%;
  margin-top: 0%;
  margin-bottom: 1.5%;
  padding-top: 56.26%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

#text {
  max-width: 100%;
  float: left;
  margin-left: 1.5%;
  margin-top: 1.5%;
}
#textsup {
  max-width: 100%;
  float: left;
  margin-left: 1.5%;
  margin-top: 1.5%;
  display: none;
}



/*details specifiques projets*/
#projether {
  max-height: 25%;
  float: left;
  margin-left: 1.5%;
  margin-top: 1.5%;
}
#projetplusvivaldi {
  max-width: 80%;
  float: left;
  margin-left: -1.5%;
  margin-top: 1.5%;
}
#projetjack {
  max-height: 28%;
  float: left;
  margin-left: 1.5%;
  margin-top: 1.5%;
}
#projetplusjack {
  max-width: 78%;
  float: left;
  margin-left: 1.5%;
  margin-top: 1.5%;
}



/*fin*/

.margindroit {
    width: 3%;
    float: right;
}
























@media (max-width: 1000px) and (orientation : landscape){

/*cote gauche menu*/
.colonnegauche {width: 24%;height: 100%;float: left;}
.boxlogo {background-size: 55%;}
.boxfirstmenu {font-size: 1.5vw;}
.boxsecondmenutext {font-size: 1.5vw;}
.boxsocial {font-size: 1.5vw;}

/*milieu*/
.colonnemilieu {width: 40%;}
#img1 {max-width: 18%;}
#img2 {max-width: 40%; top: 40%;}

/*cote droit langue*/
.colonnedroite {width: 33%;}
.boxlangue {font-size: 1.5vw; margin-left: 40%; width: 60%;}
.boxvidesouslangue {height: 86.5%;}
.title{font-size: 1.5vw;}
.info{font-size: 1.5vw;}
.boxcredit {font-size: 1.5vw; margin-left: 40%;}

/*text description en scroll*/
.scrolltextedescription {width: 68%;}
.scrolltexteabout { width: 70%; font-size: 1.5vw;}
.scrolltexteeducation {font-size: 1.5vw;}
.scrolltexteexperience {font-size: 1.5vw;}
.scrolltextepartner {font-size: 1.5vw;}

/*projets en scroll*/
.scrollimagesprojetsacceuil {height: 175%;}
.titreProjet {font-size: 1.5vw;}

/*projets un par un*/
.textdescriptionprojet{font-size: 1.5vw;}
.textdescriptionprojether{font-size: 1.5vw;}
.scrollimagesprojetsbidouche {height: 400%;}
.scrollimagesprojetseight {height: 200%;}
.scrollimagesprojetsher {height: 190%;}
#projether {max-height: 20%;}
.scrollimagesprojetsjack {height: 200%;}
#projetjack {max-height: 27%;}
.scrollimagesprojetskafka {height: 300%;}
.scrollimagesprojetsrevue {height: 800%;}
.scrollimagesprojets2136 {height: 700%;}
.scrollimagesprojetstroy {height: 230%;}
.scrollimagesprojetsvivaldi {height: 80%;}
}















@media (max-width: 768px) and (orientation : portrait){
/*cote gauche menu*/
.boxlogo {background-size: 85%;}
.boxfirstmenu {font-size: 2.2vw;}
.boxsecondmenutext {font-size: 2.2vw;}
.boxsocial {width: 190%; font-size: 2.2vw;}

/*milieu*/
.colonnemilieu {width: 40%;}
#img1 {max-width: 25%;}
#img2 {max-width: 45%; top: 40%;}

/*cote droit langue*/
.colonnedroite {width: 33%;}
.boxlangue {font-size: 2.2vw; margin-left: 20%; width: 80%;}
.boxvidesouslangue {height: 87.5%;}
.boxtextedescription {margin-left: -16%; height: 55%; overflow: scroll;width: 110%;}
.title{font-size: 2.2vw;}
.info{font-size: 2.2vw;}
.boxcredit {font-size: 2.2vw; margin-left: 20%;}

/*text description en scroll*/
.scrolltextedescription {width: 68%;}
.scrolltexteabout { width: 93%; font-size: 2.2vw;}
.scrolltextespaceholdertrois {margin-left: 3.8%; width: 20%;}
.scrolltexteeducation {font-size: 1.8vw;}
.scrolltexteexperience {width: 37%; font-size: 1.8vw;}
.scrolltextepartner {width: 25%; font-size: 1.8vw;}

/*projets en scroll*/
.titreProjet {font-size: 2.2vw;}
#projetacceuilkafka {max-width: 30%;}
#projetacceuilrevue {max-width: 50%;margin-top: 15%;}
#projetacceuil2136 {max-width: 50%;margin-top: 0%;}
#projetacceuilpolyglot {max-width: 50%;margin-top: 2%;}
#projetacceuil8 {max-width: 40%;margin-top: 22.5%;margin-left:5%;}
#projetacceuiljack {max-width: 30%;margin-top: -12%;margin-left: 0%;}
#projetacceuilrevuevideo {max-width: 45%;margin-left: 0%;}
#projetacceuilbidouche {max-width: 60%;margin-top: 3%;}
#projetacceuilrevuetypo {max-width: 40%;margin-top: -5%;margin-left: 46.5%;}
#projetacceuilmono {max-width: 50%;margin-top: -20%;margin-left: 50%;}
#projetacceuilsound {max-width: 60%;margin-left: 46.5%;margin-left: 5%;}
#projetacceuiltroy {max-width: 30%;margin-top: -20%;margin-left: 70%;}
#projetacceuilvivaldi {max-width: 50%;margin-left: 0%;}
#projetacceuilhervideo {max-width: 60%;margin-top: -45%;margin-left: 55%;}

/*projets un par un*/
.scrollimagesboxher {overflow: scroll;}
.scrollimagesprojets {height: 180%;}
.scrollimagesprojetstroy {height: 150%;}
.scrollimagesprojets iframe {max-width: 55%;margin-bottom: -28%;}
#text {display: none;}
#textsup {display: block;}
/*#projet {max-height: 30%;}
#projetup {max-height: 30%;}*/
.textdescriptionprojet{font-size: 2.2vw;}
.textdescriptionprojether{font-size: 2.2vw;}
.scrollimagesprojetsbidouche {height: 300%;}
.scrollimagesprojetseight {height: 180%;}
.scrollimagesprojetsher {height: 180%;}
#projether {max-height: 20%;}
.scrollimagesprojetsjack {height: 240%;}
.scrollimagesprojetskafka {height: 200%;}
.scrollimagesprojetsrevue {height: 500%;}
.scrollimagesprojets2136 {height: 530%;}
.scrollimagesprojetstroy {height: 150%;}
.scrollimagesprojetsvivaldi {height: 50%;}

/*details specifiques projets*/
#projether {max-height: 20%;}
#projetplusvivaldi {padding-top: 15%; max-width: 52%;}
#projetjack {max-height: 25%; margin-left: 1.5%;}
#projetplusjack {max-width: 54%;}

}














/*@MEDIA FOR PHONE SCREENS*/
@media (max-width: 450px) and (orientation : portrait){
.margintop {height:1%;}
.mainwindow {overflow: hidden !important; position: fixed;}
/*cote gauche menu*/
.colonnegauche {width: 19%;}
.boxlogo {height: 15%; background-size: 280%;}
.boxsouslogo {height: 3%;}
.boxmenu {height: 55%;}
.boxfirstmenu {width: 120%; line-height: 180%;font-size: 4.8vw;}
.boxsecondmenu {height: 113%;}
.boxsecondmenuspace {width: 10%;margin-top: 20%;height: 85%; }
.boxsecondmenutext {padding-left: 5%;line-height: 200%;font-size: 4.8vw;}
.boxsousmenu {height: 12%;}
.boxsocial {width: 150%;line-height: 140%;font-size: 4.8vw;}



/*milieu*/
#img1 {max-width: 50%; top: 15%; left: 15%;}
#img2 {max-width: 50%; top: 67%;}

/*cote droit langue*/
.boxlangue {margin-top: 25%; height: 12%; line-height: 140%; margin-left: 40%; font-size: 4.8vw;}
.boxvidesouslangue {height: 74.5%;}
.boxtextedescription {padding-top: 41%;margin-left: -83%;}
.title{font-size: 4.3vw;background-color: none;}
.info{font-size: 4.3vw;background-color: #ffffff;height:50%;overflow: scroll;}
.boxcredit {line-height: 115%;margin-left: 40%;font-size: 4.8vw;}
.infosupplementaire{width: 40%;height: 20%;position: fixed; margin-top: -45%; margin-left: -20%; overflow: scroll;}


/*text about en scroll*/
.scrolltextedescription {top: 23%;left: 36%;}
.scrolltextefirst {}
.scrolltexteabout {width: 80%; margin-left: 3%;font-size: 4.3vw;}
.scrolltextespaceholder {  
    height: 10%;}
.scrolltextespaceholderun{  
    width: 33%;   
    height: 100%; 
  }
.scrolltextespaceholderdeux{ display: none; }
.scrolltextespaceholdertrois{ display: none; }
.scrolltexteinfosup {height: 194%;margin-left: 2%;}
.scrolltexteeducation {  
    width: 100%;    
    font-size: 4.3vw;}
.scrolltexteexperience {  
    width: 100%;    
    font-size: 4.3vw;}
.scrolltextepartner { 
    width: 100%;
    height: 58%;    
    font-size: 4.3vw;}

/*projets en scroll*/
.scrollimagesboxacceuil {
    width: 70%;
    height: 85%;
    top: 12%;
    left: 25%;}
.scrollimagesprojetsacceuil {}


/*#projetacceuilkafka {
  max-width: 30%;
  margin-top: 7%;
  margin-left: 7%;}
#projetacceuilrevue {
  max-width: 40%;
  margin-top: 17%;
  margin-left: 5%;}
#projetacceuilpolyglot {
  max-width: 40%;
  margin-top: 0%;
  margin-left: 5%;}
#projetacceuil8 {
  max-width: 30%;
  margin-top: 22.5%;
  margin-left: -78%;}
#projetacceuiljack {
  max-width: 20%;
  margin-top: 40%;
  margin-left: -40%;}
#projetacceuilrevuevideo {
  max-width: 30%;
  margin-top: -1%;
  margin-left: 5.5%;}
#projetacceuilbidouche {
  max-width: 35%;
  margin-top: 1%;
  margin-left: 15%;}
#projetacceuilrevuetypo {
  max-width: 26%;
  margin-top: -16.5%;
  margin-left: 16.5%;}
#projetacceuilmono {
  max-width: 32.5%;
  margin-top: 30.5%;
  margin-left: -70%;}
#projetacceuilsound {
  max-width: 38%;
  margin-top: 3%;
  margin-left: 5%;}
#projetacceuiltroy {
  max-width: 24%;
  margin-top: 48%;
  margin-left: -90%;}
#projetacceuilvivaldi {
  max-width: 40%;
  margin-top: 18%;
  margin-left: -12.5%;}
#projetacceuilhervideo {
  max-width: 35%;
  margin-top: 3%;
  margin-left: 16%;}*/

/*projets un par un*/
.scrollimagesboxher {
    width: 70%;
    height: 75%;
    top: 21%;
    left: 25%;}
.scrollimagesbox {
    width: 70%;
    height: 85%;
    padding-top: 13%;
    top: 21%;
    left: 25%; }
.scrollimagesprojets {
    height: 150%;} 
.scrollimagesprojets iframe {
    margin-left: 18.7%;
    margin-top: 3.5%;
    margin-bottom: -1%;}
    .resp-iframe {right:0;left:auto;}
/*#projetup {
  max-height: 24%;
  float: right;
  margin-left: 3.5%;
  margin-top: 3.5%;}
#projet {
  max-height: 24%;
  float: right;
  margin-left: 3.5%;
  margin-top: 3.5%;}*/
.textdescriptionprojet{font-size: 4.3vw; width: 80%; margin-left: 16%;}
.textdescriptionprojether{font-size: 4.3vw; width: 80%; margin-left: 10%;}
.scrollimagesprojetsbidouche {height: 470%;}
.scrollimagesprojetseight {height: 180%;}
.scrollimagesprojetsmono {height:260%;}
.scrollimagesprojetssound {height: 200%;}
.scrollimagesprojetsher {height: 150%;}
#projether {max-height: 20%;}
.scrollimagesprojetsjack {height: 280%;}
#projetjack {max-height: 24%;}
.scrollimagesprojetskafka {height: 260%;}
.scrollimagesprojetsrevue {height: 500%;}
.scrollimagesprojetspolyglot {height: 290%;}
.scrollimagesprojets2136 {height: 390%;}
.scrollimagesprojetstroy {height: 160%;}
.scrollimagesprojetsvivaldi {height: 50%;}


/*details specifiques projets*/
#projet {
  max-width: 85%;
  float: right;
}
#text {
  display: none;
  max-width: 85%;
  float: right;
}
#textsup {
  display: block;
  max-width: 85%;
  float: right;
}
#projetup {
  max-width: 85%;
  float: right;
}
#projether {
  max-width: 100%;
  float: right;
  padding-left: 18%;
  margin-left: 1.5%;
  margin-top: 2%;
}

#projetplusvivaldi {
  max-width: 70%;
  float: right;
 margin-left: 3.5%;
  margin-top: 3.5%;
}

}