/*-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- TABLETTE 1475px -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 1470px) {


        body {

        }

        h1 {
          font-size: 30px;
        }

        h2 {
          font-size: 30px;
	  margin: 10px 0;
        }

        section {
        }

        a {
        }

        a.contact {
            
        } 

        span {

        }

        span.alinea {
            margin: 20px 0;
            font-size: 16px;
        }

        p {
            margin: 30px 0;
        }



        /*-----------------------------------------------------------------------------------------------------------*/
        /*----------------------------------------------- INTRO ----------------------------------------------------*/
        /*-----------------------------------------------------------------------------------------------------------*/

        section.intro {
            
        }


        div.cache.cursus,
	div.cache.blue
 	{
	  right: 50px;
        }

          span.baseline {  
            top: 40px;
            right:30px; 
            width:150px;
            height: auto; 
            padding: 10px 12px;
          }

          span.baseline.active {
            margin-top: -40px;
            margin-bottom: 40px;
            padding: 10px 12px;
          }

          span.baseline.curs.active {
            margin-top: -40px;
            margin-bottom: 40px;
            padding: 10px 12px;
          }

          span.baseline span.basel { 
            font-size: 14px;
          }

          span.baseline span.basel.antvi {  
            width:28px;
            height: auto; 
            padding: 15px 5px 0px 5px;
          }

          span.baseline span.basel.antext {  
            margin: 8px;
          }

          span.baseline span.ba {  
            padding: 3px 0px 2px 12px;
          }


        div.texteIntro {
            width: 100%;
            max-width: 650px;
            padding: 30px 50px 30px 100px;
        } 

        div.texteIntro.active {
            width: 100%;
            max-width: 650px;
            padding: 30px 50px 30px 100px;
        } 

              div.ligneVerticale
              {
                right:50px;
                left: auto;
                margin: 0;
              }


        /*-----------------------------------------------------------------------------------------------------------*/
        /*----------------------------------------------- CURSUS ----------------------------------------------------*/
        /*-----------------------------------------------------------------------------------------------------------*/

        section.cursus {

        }

              div.ligneVerticale.cursus
              {
                right:50px;
                top:-85px;
                bottom: auto;
                left: auto;
                margin: 0;
                height: 230px;
              }

          div.blocCursus {
            padding: 20px 50px 20px 100px;
          }

            a.rouge {

              }

          div.evolution {
            
           }

          div.evolution .blocevol {
		margin: 10px 15px;
          }

	div.evolution .blocevol.comp {
		margin: 10px 15px;
	}

	div.evolution .blocevol span.texte {
		margin: 0px 0px 0px 0px;
	}



/*-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------- REALISATIONS -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

          div.blocCursus {
            padding: 20px 50px 20px 100px;
          }

          div.blocDesign {
            padding: 20px 50px 20px 100px;
          }

          div.blocArt {
            padding: 20px 50px 20px 100px;
          }

          div.blocContact {
            padding: 20px 50px 20px 100px;
          }





  div.blocTitres {
    width: 100%;
    max-width: 990px;
    padding: 70px 50px 20px 100px;
    display: flex;
    color:#fff;
  }



 /* .grid--slideshow {
    left: -19% !important;
  }

  .grid--interaction {
    left: -8%;
  }
*/

  



  }