/* -- Lorsque l'écran est petit, arrêter Safari mobile de forcer la surdimension du texte -- */

	@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
	  html {
		  -webkit-text-size-adjust: 100%;
	  }
	}


/* -- Lorsque l'écran est plus petit que 1400px -- */

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

		body.couleurs header.en-tete a.logo {
			background-color:orange; /* -- Orange -- */
		}

    /* -- Header -- */

      header.en-tete nav.menu-principal div > ul > li {
        margin-left:5px;
      }

      header.en-tete nav.menu-principal div > ul > li > a:link,
      header.en-tete nav.menu-principal div > ul > li > a:visited {
        font-size:0.9em;
      }

      header.en-tete nav.menu-principal ul li:hover ul {
        top:80px !important;
      }

    /* -- Bannière -- */

      section.banniere article div.texte {
        margin-right:5%;
        max-width:300px;
      }

      section.banniere article h2 {
        font-size:1.2em;
      }

    /* -- Pied de page -- */

      footer.pied nav.menu-principal {
        margin-bottom:80px;
      }


    /* -- Contenu : Bandeau -- */

      section.bandeau span.bandeau-titre {
        right:35px;
      }

      section.bandeau img.suivez-le-guide {
        max-width:350px;
      }

      section.bandeau img.personne {
        left: 270px;
        /*max-width: 175px;*/
        max-height:280px;
      }


    /* -- Contenu : Texte -- */

      table.ecole {
        width:32%;
        margin-left:2%;
      }


      header.en-tete nav.menu-principal ul li.active ul,
      header.en-tete nav.menu-principal ul li:hover ul {
        top:80px !important;
      }

    /* -- Contenu : Cours -- */

      div.zone-rouge {
        background-position:50% 50%;
      }

      article.ecoles div.haut div.gauche a.google:link, article.ecoles div.haut div.gauche a.google:visited {
        display:block;
        margin-top:5px;
        width:115px;
        font-size:1em;
      }

      article.ecoles div.telephone span strong {
        font-size:1.4em;
      }

      article.ecoles div.telephone span, article.ecoles a.courriel span {
        height:200px;
      }

      article.ecoles a.cours-vehicule:link, article.ecoles a.cours-vehicule:visited, article.ecoles a.cours-automobile:link, article.ecoles a.cours-automobile:visited {
        padding-left:50px;
      }

      article.ecoles div.telephone span, article.ecoles a.courriel span {
        padding-top:75px;
      }

      article.ecoles div.telephone span, article.ecoles a.courriel span {
        background-position:50% 20px;
      }

      article.ecoles a.courriel span,
      article.ecoles a.courriel:hover span,
      article.ecoles a.courriel:focus span {
        background-position:57% 10px;
        padding-top:68px;
      }


    /* -- Contenu : Fiche école -- */

      section.bandeau span.bandeau-titre.ecole {
        right:45px;
        font-size:2.3em;
        padding-bottom:5px;
      }

	  article.ecoles a.cours-vehicule:link,
	  article.ecoles a.cours-vehicule:visited,
	  article.ecoles a.cours-automobile:link,
	  article.ecoles a.cours-automobile:visited {
		padding-left:20px;
		padding-right:20px;
		font-size:0.9em;
	  }

	}


/* -- Lorsque l'écran est plus petit que 960px -- */

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

		body.couleurs header.en-tete a.logo {
			background-color:yellow;  /* -- Jaune -- */
		}

    /* -- Header -- */

      header.en-tete {
        padding:25px 20px;
      }

      header.en-tete a.logo {
        width:170px;
        float:right;
      }

      header.en-tete nav.menu-utilitaire {
        display:none;
      }

      header.en-tete nav.menu-principal {
        display:none;
      }

      /* -- Réseaux -- */

        div.contenu div.reseaux {
          top:-200px;
          width:100%;
          z-index:6;
          background-color:#c0c2c1;
          text-align:center;
          opacity:0;
          height:67px;
          filter:alpha(opacity=0);
          transition:top 0s ease-out 0.3s, opacity 0.3s ease-out 0s;
          -webkit-box-shadow: 9px 3px 5px 0px rgba(0,0,0,0.15);
          -moz-box-shadow: 9px 3px 5px 0px rgba(0,0,0,0.15);
          box-shadow: 9px 3px 5px 0px rgba(0,0,0,0.15);
        }

         div.contenu div.reseaux.ouvert {
          top:0;
          opacity:1;
          filter:alpha(opacity=100);
          transition:top 0s ease-out 0s, opacity 0.3s ease-out 0s;
        }

         div.contenu div.reseaux a.suivez-nous:link,
         div.contenu div.reseaux a.suivez-nous:visited {
          background-image:none;
          display:inline-block;
          padding:0;
          font-size:1em;
          position:relative;
          top:10px;
        }

         div.contenu div.reseaux a.suivez-nous:hover {
          cursor:auto;
        }

        div.contenu div.reseaux > div.moduletable {
          display:inline-block;
        }

         div.contenu div.reseaux ul {
          position:relative;
          display:inline-block;
          right:auto;
          top:17px
        }

        div.contenu div.reseaux ul li {
          margin-left:18px;
        }

        div.contenu div.reseaux li.facebook a {
          width:27px;
          height:30px;
          background-image:url("../images/facebook-mobile.png");
        }

        div.contenu div.reseaux li.twitter a {
          width:32px;
          height:30px;
          background-image:url("../images/twitter-mobile.png");
        }

        div.contenu div.reseaux li.youtube a {
          width:38px;
          height:31px;
          background-image:url("../images/youtube-mobile.png");
        }

        div.contenu div.reseaux li.linkedin a {
          width:38px;
          height:31px;
          background-image:url("../images/linkedin-mobile.png");
        }

    /* -- Menu mobile -- */

      div.conteneur-mobile,
      a.btn-mobile-reseaux,
      a.btn-mobile {
        display:block;
      }


    /* -- Pied de page -- */

      div.sur-footer {
        padding-bottom:80px;
      }

      footer.pied {
        padding-top:60px;
      }

      footer.pied div.menus nav.menu-principal {
        width:300px;
        margin-bottom:50px;
      }

      footer.pied nav.menu-principal > div > ul > li {
        margin-bottom:20px;
      }

      footer.pied nav.menu-principal li.item-140 ul,
      footer.pied nav.menu-principal li.item-118 ul,
      footer.pied nav.menu-principal li.item-137 ul {
        padding-left:89px;
        background-position:10px 50%;
      }

      footer.pied nav.menu-principal li.item-139,
      footer.pied nav.menu-principal li.item-101,
      footer.pied nav.menu-principal li.item-116 {
        padding-left:83px;
        background-position:13px 50%;
      }

      div.sur-footer div.reseaux {
        display:block;
      }

      footer.pied div.menus {
        width:100%;
      }

    /* -- Accueil : Contenu -- */

      body.accueil article.post {
        text-align:left;
      }

      body.accueil article.post div[style="text-align: center;"],
      body.accueil article.post p[style="text-align:center;"] {
        text-align:left !important;
      }

      body.accueil article.post div[style="text-align: center;"] a,
      body.accueil article.post p[style="text-align:center;"] a {
        text-align:center;
      }


    /* -- Accueil : Boutons -- */

      ul.boutons li.automobile a div {
        background-image:url("../images/bouton-bas-droite.png");
        background-position:right bottom;
        background-size:100% 100%;
      }

      ul.boutons li.vehicule a div {
        background-image:url("../images/bouton-bas-gauche.png");
        background-position:left bottom;
        background-size:100% 100%;
      }

      ul.boutons li a div > span {
        font-size:0.9em;
      }

      ul.boutons li a div {
        padding:33px 7% 28px;
      }


    /* -- Accueil : Compléments -- */

      section.complements {
        /*padding-bottom:220px;*/
        position:relative;
      }

      section.complements > a,
      section.complements > a article {
        height:269px;
      }

      section.complements a.bateau article h2,
      section.complements a.perfectionnement article h2 {
        background-size:20px 10px;
        padding::15px 35px;
      }

      section.complements article span {
        font-size:0.9em;
      }

      section.complements a.bateau article h2, section.complements a.perfectionnement article h2 {
        font-size:1.4em;
      }

      section.complements > a.bateau,
      section.complements > a.perfectionnement,
	  section.complements > a.partout {
		  width: 421px;
  		  margin-top: 25px;
		  margin-left:25%;
      }

      section.complements > a.perfectionnement {
        /*margin:0;
        float:right;*/
      }

      section.complements > a.partout {
        /*margin-left:0;
        margin-top:3%;
        width:100%;
        position:absolute;
        top:200px;*/
      }

      section.complements a.partout h2 {
        background-size:24px 32px,20px 10px;
        padding:38px 0 28px;
      }

      section.complements a.partout:hover h2 {
        padding:43px 0 33px;
      }

      section.complements a.partout:link article, section.complements a.partout:visited article {
        border-width:22px;
      }

    /* -- Accueil : Infolettre -- */

      section.infolettre {
        background:#f9f9f9 url("../images/infolettre-fond-mobile.png") no-repeat scroll 0 0 / cover ;
      }

      section.infolettre div.gauche,
      section.infolettre div.droite {
        width:100%;
      }

      section.infolettre div.gauche p {
        max-width:100%;
        padding-left:0;
        margin-bottom:15px;
      }

      input.crlAdresse {
        max-width:340px;
        font-size:0.95em;
      }


    /* -- Accueil : Bannière -- */

      div.bx-viewport {
        border-bottom:none;
      }

      body:not(.ie8) section.banniere {
        margin-bottom:175px;
        height:630px !important;
      }

      section.banniere article {
        max-width:100%;
        width:100%;
        text-align:center;
        margin-right:0;
        padding-bottom:35px;
        height:630px !important;
        /*background-size:1150px auto;*/
        background-color:#fff;
        border-bottom:solid 130px #fff;
      }

      div.bx-viewport {
        margin-bottom:50px;
      }

      section.banniere article div.texte {
        top:525px;
        margin:0 20px;
        width:100%;
        max-width:100%;
        text-align:center;
      }

      section.banniere article div.texte h2 {
        font-size:1.1em;
      }

      section.banniere article div.texte {
        margin:0 !important;
        right:auto;
        padding:0 20px;
      }

      /*div.bx-viewport {
        height:620px !important;
        border-bottom:none;
      }*/

      div.bx-controls {
        right:inherit;
        top:630px;
        width:100%;
        padding:0 20px;
        text-align:center;
        z-index:3;
      }

      div.bx-pager-item {
        display:inline-block;
        margin-right:20px;
      }


    /* -- Contenu : Bannière -- */

      section.bandeau {
        background-position:0 0;
        margin-bottom:40px;
      }

      section.bandeau div.sous-bandeau {
        height:145px;
      }

      section.bandeau img.suivez-le-guide {
        max-width:200px;
        left:-10px;
      }

      section.bandeau img.personne {
        /*max-width:110px;*/
        max-height:160px;
        left:160px;
      }

      section.bandeau img.voiture {
        max-width:200px;
        bottom:-68px;
        left:115px;
      }

      section.bandeau span.bandeau-titre {
        font-size:2.2em;
        right:70px;
        top:45px;
      }

      section.bandeau span.bandeau-titre.ecole {
        right:30px;
        font-size:2em;
        background-size:40px auto;
        padding-left:60px;
      }

	  section.bandeau.liste-ecoles {
		  margin-bottom:60px;
	  }


    /* -- Contenu : Texte -- */

      table.contenu {
        clear:both;
        width:100% !important;
        max-width:100%;
      }

      body.contenu article img {
        max-width:50%;
      }

      body.contenu article a#reloadImage img {
        max-width:inherit;
      }

      table.ecole.un-de-trois {
        clear:inherit;
        margin-left:3%;
      }

      table.ecole {
        width:48.5%;
        margin-left:3%;
      }

      table.ecole.un-de-deux {
        margin-left:0;
        clear:both;
      }

    /* -- Contenu : Écoles -- */

      article.ecoles a.retour-ecoles:link, article.ecoles a.retour-ecoles:visited {
        right:inherit;
      }

      article.ecoles div.haut {
        margin-bottom:30px;
      }

      article.ecoles div.haut div.gauche,
      article.ecoles div.haut div.droite {
        width:100%;
        float:none;
        clear:both;
      }

      article.ecoles div.haut div.gauche a.google:link, article.ecoles div.haut div.gauche a.google:visited {
        display:inline;
        width:auto;
      }

      article.ecoles blockquote.temoignage.place {
        position:relative;
        top:inherit;
        right:inherit;
      }

      article.ecoles div.bas div.texte {
        padding-right:40px !important;
        margin-right:0 !important;
      }

      article.ecoles div.telephone, article.ecoles a.courriel:link, article.ecoles a.courriel:visited {
        max-width:240px;
        margin-bottom:30px;
      }

      article.ecoles div.telephone {
        margin-right:30px;
      }

      article.ecoles a.cours-vehicule:link, article.ecoles a.cours-vehicule:visited, article.ecoles a.cours-automobile:link, article.ecoles a.cours-automobile:visited {
        max-width:240px;
        width:44%;
      }

      article.ecoles a.cours-vehicule:link, article.ecoles a.cours-vehicule:visited {
        margin-left:30px;
      }

      div.zone-rouge {
        background-position:0 0;
      }

      div.sur-table-matieres span.suivez-guide {
        width:375px;
        background-size:auto 230px, 270px auto;
        background-position:100% 100%, 0px 100%;
        height:240px;
      }

      div.table-matieres {
        font-size:0.85em;
        padding:30px;
      }


    /* -- Page de cours -- */

      div.sur-table-matieres {
        top:-155px;
      }

      section.bandeau-cours {
        padding-top:46px;
      }

      div.zone-grise div.interne, div.zone-blanche div.interne {
        padding:0 20px;
      }

      div.zone-rouge > div.interne {
        padding-right:400px;
        padding-top:80px;
        padding-bottom:80px;
      }

      article.cours div.zone-grise div.interne, article.cours div.zone-blanche div.interne {
        padding-right:20px;
      }

      div.zone-rouge + div.zone-grise > div.interne > h2:first-child {
        max-width:360px;
      }

	}


/* -- Lorsque l'écran est plus petit que 768px -- */

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

		body.couleurs header.en-tete a.logo {
			background-color:green; /* -- Vert -- */
		}

    /* -- Header -- */

      ul.boutons li a div > span {
        display:none;
      }


    /* -- Pied de page -- */

      div.sur-footer {
        background-image:url("../images/footer-fond-mobile-2.png");
        padding-bottom:200px;
      }

      footer.pied {
        padding-top:25px;
      }

      footer.pied div.menus,
      footer.pied div.menus nav.menu-principal {
        width:100%;
      }

      footer.pied nav.menu-principal {
        margin-bottom:22px;
      }

      footer.pied nav.menu-principal ul {
        text-align:center;
      }

      footer.pied nav.menu-principal li.item-140,
      footer.pied nav.menu-principal li.item-118,
      footer.pied nav.menu-principal li.item-144,
      footer.pied nav.menu-principal li.item-122,
      footer.pied nav.menu-principal li.item-139,
      footer.pied nav.menu-principal li.item-101,
      footer.pied nav.menu-principal li.item-137,
      footer.pied nav.menu-principal li.item-138,
      footer.pied nav.menu-principal li.item-116,
      footer.pied nav.menu-principal li.item-275,
      footer.pied nav.menu-principal li.item-1279 {
        width:24%;
        /*max-width:150px;*/
        float:none;
      }

      footer.pied nav.menu-principal li {
        display:inline-block;
        padding:0 !important;
        background-image:none !important;
        border-right:solid 1px #e1e8e7;
      }

      footer.pied nav.menu-principal li a {
        padding:55px 0 5px;
      }

      footer.pied nav.menu-principal li.item-140 > a,
      footer.pied nav.menu-principal li.item-118 > a,
      footer.pied nav.menu-principal li.item-144 > a,
      footer.pied nav.menu-principal li.item-122 > a,
      footer.pied nav.menu-principal li.item-137 > a,
      footer.pied nav.menu-principal li.item-138 > a,
      footer.pied nav.menu-principal li.item-275 > a,
      footer.pied nav.menu-principal li.item-279 > a {
        display:block;
      }

      footer.pied nav.menu-principal li.item-140 > a,
      footer.pied nav.menu-principal li.item-118 > a,
      footer.pied nav.menu-principal li.item-137 > a {
        background:transparent url("../images/menu-bas-automobile.png") no-repeat 50% 15px;
        background-size:40px 20px;
      }

      footer.pied nav.menu-principal li.item-275 > a,
      footer.pied nav.menu-principal li.item-279 > a {
        background:transparent url("../images/menu-bas-autobus.png") no-repeat 50% 15px;
        background-size:48px 26px;
      }

      footer.pied nav.menu-principal li.item-144 > a,
      footer.pied nav.menu-principal li.item-122 > a,
      footer.pied nav.menu-principal li.item-138 > a {
        background:transparent url("../images/menu-bas-vehicule.png") no-repeat 50% 10px;
        background-size:50px 25px;
        padding-left:10px;
        padding-right:10px;
      }

      footer.pied nav.menu-principal li.item-139,
      footer.pied nav.menu-principal li.item-101,
      footer.pied nav.menu-principal li.item-116 {
        border-right:none;
      }

      footer.pied nav.menu-principal li.item-139 > a,
      footer.pied nav.menu-principal li.item-101 > a,
      footer.pied nav.menu-principal li.item-116 > a {
        background:transparent url("../images/menu-bas-pin.png") no-repeat 50% 4px;
        display:block;
        background-size:24px 32px;
        background-position:50% 8px;
      }



      footer.pied nav.menu-principal li.parent ul {
        display:none;
      }

	  footer.pied nav.menu-utilitaire, footer.pied nav.menu-principal {
        display:none;
      }

	  header .menu-utilitaire li.item-754, header .menu-utilitaire li.item-755{
		display:block !important;
	  }

      footer.pied div.droits {
        top:254px;
      }

      a.haut-page:link,
      a.haut-page:visited {
        display:inline-block;
        text-transform:uppercase;
        font-size:0.8em;
        font-weight:700;
        padding-top:43px;
        background:#ed1c24 url("../images/haut-page.png") no-repeat 50% 0;
        text-align:center;
        transition:background-color 0.3s ease-out 0s, color 0.3s ease-out 0s;
        margin-left:13%;
      }

      a.haut-page:hover,
      a.haut-page:focus,
      a.haut-page:active {
        background-color:#000;
      }


    /* -- Accueil : Boutons -- */

      ul.boutons li.automobile a:link,
      ul.boutons li.automobile a:visited,
      ul.boutons li.vehicule a:link,
      ul.boutons li.vehicule a:visited {
        background-position:50% 50%;
      }

      ul.boutons li.automobile a:link,
      ul.boutons li.automobile a:visited {
        background-size:45px 24px;
      }

      ul.boutons li.vehicule a:link,
      ul.boutons li.vehicule a:visited {
        background-size:55px 29px;
      }

      ul.boutons li a div {
        /*height:80px;*/
        padding:33px 50px 33px;
      }

      ul.boutons li a:link, ul.boutons li a:visited {
        max-width:150px;
      }

    /* -- Accueil : Bannière; -- */

      body:not(.ie8) section.banniere {
        height:480px !important;
      }

      section.banniere article {
        height:480px !important;
      }

      /*section.banniere article {
        padding:0 20px 35px;
      }*/

      section.banniere article div.texte {
        top:375px;
      }

      section.banniere article h2 {
        font-size:1em;
      }

      div.bx-controls {
        top:480px;
      }

      /* -- Accueil diaporama -- */

     /* div.bx-viewport,
      section.banniere,
      section.banniere article {
        height:320px !important;
      }

      section.banniere article {
        background-size:cover;
      }

      section.banniere article div.texte {
        top:320px;
      }*/


    /* -- Accueil : Compléments -- */

      section.complements > a.bateau,
      section.complements > a.perfectionnement,
	  section.complements > a.partout {
		  width: 421px;
  		margin-top: 25px;
  		margin-left:0;
      }

      section.complements > a.perfectionnement {
        /*margin-left:5%;*/
      }

      /*section.complements > a.partout {
        margin-left:0;
        margin-top:5%;
        width:100%;
      }*/

    /* -- Accueil : Infolettre; -- */

      section.infolettre {
        background:#f9f9f9 url("../images/infolettre-fond-mobile-pale.png") no-repeat scroll 0 0;
      }

      section.infolettre div.gauche h2 {
        padding-left:0;
        padding-top:50px;
      }

      section.infolettre div.droite form > br {
        display:block;
      }

      input.btnInscription {
        left:0;
        margin-top:10px;
      }

      label {
        margin-bottom:20px;
      }

      input.crlAdresse {
        width:100%;
      }


    /* -- Accueil : Contenu; -- */

      body.accueil article.post {
        padding:45px 0 50px;
       /* background:#ee1c25 url("../images/contenu-fond.jpg") no-repeat scroll 50% 0;*/
      }

      body.accueil article.post h2 {
        font-size:1.9em;
        line-height:1.2em;
      }

      body.accueil article.post h2 span.petit {
        font-size:0.65em;
      }

      body.accueil article.post a.lire-suite:link, body.accueil article.post a.lire-suite:visited {
        margin-top:5px;
      }

    /* -- Contenu : Bannière -- */

      section.bandeau img.voiture,
      section.bandeau img.suivez-le-guide,
      section.bandeau img.personne {
        display:none;
      }

    /* -- Contenu : Texte -- */

      table.ecole {
        margin-left:0;
        width:100%;
      }

      table.ecole.un-de-trois,
      table.ecole.un-de-deux {
        float:none;
        clear:both;
        margin-left:0;
      }

      section.bandeau span.bandeau-titre {
        right:inherit;
        left:30px;
      }

      section.bandeau {
        display:none;
      }

      div.sur-contenu {
        margin-top:20px;
        margin-bottom:30px;
      }



    /* -- Contenu : Fiche école -- */

      article.ecoles div.bas div.texte {
        margin-left:0 !important;
      }

      article.ecoles div.haut {
        margin-bottom:20px;
      }

      div.horaires.place {
        position:relative;
      }

	  article.ecoles a.cours-vehicule:link, article.ecoles a.cours-vehicule:visited, article.ecoles a.cours-automobile:link, article.ecoles a.cours-automobile:visited {
		font-size:0.8em;
	  }


    /* -- Page de cours -- */

      section.bandeau-cours {
        padding-top:46px;
      }

      div.zone-rouge > div.interne {
        padding:40px 30px;
      }

      div.zone-rouge div.sur-table-matieres {
        display:none;
      }

      section.bandeau-cours {
        padding-top:45px;
        padding-bottom:45px;
      }

      body.contenu article section.bandeau-cours h1 {
        margin-bottom:0;
      }

      div.zone-grise,
      div.zone-blanche {
        padding:40px 0 20px;
      }

      div.zone-rouge {
        background-image:url("../images/cours-zone-rouge-pale.jpg");
      }

      article.camion div.zone-rouge {
        background-image:url("../images/bandeau-camion-pale.jpg");
      }

      section.bandeau-cours {
        /*display:none;*/
      }


      a.haut-page:link,
      a.haut-page:visited{
        margin-left: 0 !important;
      }

	}




/* -- Lorsque l'écran est plus petit que 550px -- */

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

    .securimage-container > img{
      margin-left:0;
    }

    div.securimage-field-container{
      clear:left;
      margin:30px 0 0 0;
      text-align: left;
      width: 100%;
    }

    section.infolettre{
      padding:10px;
    }
    section.infolettre td.acyfield_email input{
      width: 100% !important;
    }

  }

/* -- Lorsque l'écran est plus petit que 524px -- */

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

		body.couleurs header.en-tete a.logo {
			background-color:blue; /* -- Bleu -- */
		}

    /* -- En-tête -- */

      header.en-tete a.logo {
        width:134px;
      }

      a.btn-mobile:link,
      a.btn-mobile:visited {
        width:44px;
        height:44px;
        background-image:url("../images/btn-mobile.png");
      }

      body.ouvert a.btn-mobile:link,
      body.ouvert a.btn-mobile:visited {
        background-image:url("../images/btn-mobile-fermer.png");
        background-color:#231f20;
        border-color:#231f20;
      }

      /*body.ouvert a.btn-mobile:hover,
      body.ouvert a.btn-mobile:focus,
      body.ouvert a.btn-mobile:active {
        background-color:#ee3037;
        border-color:#ee3037;
      }*/

      a.btn-mobile-reseaux:link,
      a.btn-mobile-reseaux:visited {
        left:80px;
        width:44px;
        height:44px;
        background-image:url("../images/btn-reseaux.png");
      }

      a.btn-mobile-reseaux::after {
        background-image:url("../images/btn-reseaux-blanc.png");
        width:44px;
        height:44px;
      }

      div.conteneur-mobile {
        top:97px;
      }


      body:not(.ie8) section.banniere {
        height:380px !important;
      }

      section.banniere article {
        height:380px !important;
      }

      section.banniere article div.texte {
        top:270px;
      }

      div.bx-controls {
        top:390px;
      }


    /* -- Pied de page -- */

      footer.pied {
        padding-left:5px;
        padding-right:5px;
      }

      footer.pied div.droits {
        top:257px;
      }

      footer.pied div.droits p {
        line-height:1.1em;
      }

      footer.pied div.droits br {
        display:block;
      }

      footer.pied nav.menu-principal {
        margin-bottom:10px;
      }

      footer.pied nav.menu-principal li.item-137 {
        position:relative;
        top:-10px;
      }

      footer.pied nav.menu-principal li.item-137,
      footer.pied nav.menu-principal li.item-138,
      footer.pied nav.menu-principal li.item-116 {
        max-width:100px;
        width:32%;
        padding:0 10px !important;
      }

      footer.pied nav.menu-principal a:link,
      footer.pied nav.menu-principal a:visited {
        font-size:0.75em;
      }

      a.haut-page:link,
      a.haut-page:visited {
        margin-left:8%;
      }

      footer.pied ul.menu-principal > li {
        text-align:center;
      }

      footer.pied ul.menu-principal > li.item-118,
      footer.pied ul.menu-principal > li.item-140,
      footer.pied ul.menu-principal > li.item-275,
      footer.pied ul.menu-principal > li.item-279{
        height:88px;
        position:relative;
        top:-12px;
      }

      footer.pied ul.menu-principal > li > a:link,
      footer.pied ul.menu-principal > li > a:visited {
        display:inline-block;
        max-width:75px;
      }


    /* -- Accueil : Compléments; -- */

      section.complements {
        padding-bottom:0;
      }

      section.complements > a.partout {
        position:relative;
        top:auto;
      }

      section.complements > a.bateau,
      section.complements > a.perfectionnement,
      section.complements > a.partout {
        width:100%;
        margin-top:25px;
      }

      section.complements > a.perfectionnement {
        margin-left:0;
      }

    /* -- Accueil : Infolettre; -- */

      input[type="checkbox"] + label span.libelle {
        max-width:155px;
      }




    /* -- Contenu : Bannière -- */

      section.bandeau {
        margin-bottom:40px;
      }

      section.bandeau div.sous-bandeau {
        height:90px;
      }

      section.bandeau span.bandeau-titre {
        font-size:1.6em;
        top:25px;
      }

      section.bandeau span.bandeau-titre.ecole {
        font-size:1.4em;
        background-size:15px auto;
        padding-left:25px;
        right:inherit;
        left:20px;
      }


    /* -- Contenu : Texte -- */

      body.contenu article h1 {
        font-size:2em;
      }

      body.contenu article img[style="float: right;"],
      body.contenu article img[style="float: left;"] {
        float:none !important;
        width:auto !important;
        max-width:100%;
        margin:10px 0;
      }

    /* -- Contenu : Fiche école -- */

      article.ecoles div.bas div.texte {
        padding:20px;
      }

      article.ecoles div.telephone {
        margin-right:0;
      }

      article.ecoles div.telephone, article.ecoles a.courriel:link, article.ecoles a.courriel:visited {
        clear:both;
        margin:30px auto;
        display:block;
        float:none;
        width:100%;
      }

      article.ecoles a.cours-vehicule:link, article.ecoles a.cours-vehicule:visited, article.ecoles a.cours-automobile:link, article.ecoles a.cours-automobile:visited {
        width:100%;
        margin:20px auto;
        display:block;
        float:none;
      }

      article.ecoles a.cours-vehicule:link, article.ecoles a.cours-vehicule:visited {
        margin-bottom:40px;
      }

      article.ecoles div.bas div.texte {
        padding-right:20px !important;
      }

      table.horaire {
        width:100%;
      }

      table.horaire tr,
      table.horaire tr td {
        display:block;
        text-align:center;
        padding-top:0;
      }

      table.horaire tr td:first-child {
        border-bottom:none;
        padding-bottom:0;
        padding-top:10px;
      }

	  article.ecoles a.cours-vehicule:link, article.ecoles a.cours-vehicule:visited, article.ecoles a.cours-automobile:link, article.ecoles a.cours-automobile:visited {
		font-size:0.9em;
	  }


    /* -- Formulaire de contact -- */

      div.conteneur.formulaire {
        padding:20px 0px;
      }

      div.conteneur.formulaire img {
        max-width:90%;
      }

      body.contenu div.conteneur.formulaire article h1 {
        font-size:1.7em;
      }

      body.contenu div.conteneur.formulaire article h2 {
        font-size:1.4em;
        top:-10px;
      }

      div.conteneur.formulaire div.deux-colonnes > div {
        float:none;
        clear:both;
        width:92%;
      }

      div.conteneur.formulaire div.deux-colonnes > div {
        margin-left:0;
      }


	}


/* -- Lorsque l'écran est plus petit que 320px -- */

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

    body.couleurs header.en-tete a.logo {
      background-color:purple; /* -- Mauve -- */
    }

  }


/* -- Images rétina -- */

	@media screen and (-webkit-min-device-pixel-ratio: 1.5) {

			a.bouton:link, a.bouton:visited {
        background-image: url("../images/voir-plus@2x.png");
        background-size:43px 25px;
      }

      header.en-tete nav.menu-principal div > ul > li.item-116 > a span {
        background-image: url("../images/trouver-ecole-puce@2x.png");
        background-size:16px 21px;
      }

      div.reseaux li.facebook a {
        background-image: url("../images/facebook-mobile@2x.png");
        background-size:14px 16px;
      }

      div.reseaux li.twitter a {
        background-image: url("../images/twitter-mobile@2x.png");
        background-size:17px 16px;
      }

      div.reseaux li.youtube a {
        background-image: url("../images/youtube-mobile@2x.png");
        background-size:20px 16px;
      }

      div.reseaux li.linkedin a {
        background-image: url("../images/linkedin-mobile@2x.png");
        background-size:20px 16px;
      }

      ul.boutons li.automobile a:link, ul.boutons li.automobile a:visited {
        background-image: url("../images/bouton-automobile@2x.png");
        background-size:88px 48px;
      }

      ul.boutons li.vehicule a:link, ul.boutons li.vehicule a:visited {
        background-image: url("../images/bouton-vehicule@2x.png");
        background-size:110px 56px;
      }

      header.en-tete nav.menu-principal ul li ul {
        background-image: url("../images/bouton-haut-gauche.png"), url("../images/bouton-bas-droite.png"), url("../images/bouton-automobile@2x.png");
        background-size:266px 136px, 266px 136px, 88px 48px;
      }

      header.en-tete nav.menu-principal ul li.item-138 ul {
        background-image: url("../images/bouton-haut-gauche.png"), url("../images/bouton-bas-droite.png"), url("../images/bouton-vehicule@2x.png");
        background-size:266px 136px, 266px 136px, 110px 56px;
      }

      ul.boutons li a div > span::after {
        background-image: url("../images/lauzon-puce@2x.png");
        background-size:28px 14px;
      }

      section.complements a.bateau article h2, section.complements a.perfectionnement article h2 {
        background-image: url("../images/lauzon-puce@2x.png");
        background-size:28px 14px;
      }

      section.complements a.partout h2 {
        background-image: url("../images/partout-pin@2x.png"), url("../images/lauzon-puce-noir@2x.png");
        background-size:33px 44px, 28px 14px;
      }

      section.infolettre div.gauche h2 {
        background-image: url("../images/infolettre-icone@2x.png");
        background-size:66px 25px;
      }

      input[type="checkbox"] + label span.case {
        background-image: url("../images/checkbox@2x.png");
        background-size:26px 100px;
      }

      /*body.accueil article.post a.lire-suite span::before {
        background-image: url("../images/lire-suite-fleche@2x.png");
        background-size:11px 14px;
      }

      body.accueil article.post a.lire-suite:link span:after,
      body.accueil article.post a.lire-suite:visited span:after {
        background-image: url("../images/lire-suite-fleche-blanc@2x.png");
        background-size:11px 14px;
      }*/

      body.accueil article.post a.lire-suite span {
        background-image: url("../images/lire-suite-fleche@2x.png");
        background-size:300px 100px;
      }

      footer.pied nav.menu-principal li.item-137 ul {
        background-image: url("../images/menu-bas-automobile@2x.png");
        background-size:50px 25px;
      }

      footer.pied nav.menu-principal li.item-138 ul {
        background-image: url("../images/menu-bas-vehicule@2x.png");
        background-size:67px 34px;
      }

      footer.pied nav.menu-principal li.item-116 {
        background-image: url("../images/menu-bas-pin@2x.png");
        background-size:33px 44px;
      }

      footer.pied div.droits a:link span, footer.pied div.droits a:visited span {
        background-image: url("../images/absolu@2x.png");
        background-size:68px 12px;
      }

      a.btn-mobile:link, a.btn-mobile:visited {
        background-image: url("../images/btn-mobile@2x.png");
        background-size:20px 19px;
      }

      body.ouvert a.btn-mobile {
        background-image: url("../images/btn-mobile-fermer@2x.png");
        background-size:20px 19px;
      }

      a.btn-mobile-reseaux:link, a.btn-mobile-reseaux:visited {
        background-image: url("../images/btn-reseaux@2x.png");
        background-size:20px 20px;
      }

      a.btn-mobile-reseaux::after {
        background-image: url("../images/btn-reseaux-blanc@2x.png");
        background-size:25px 25px;
      }

      nav.menu-mobile ul.menu-principal li.parent a span::after {
        background-image: url("../images/menu-mobile-fleche@2x.png");
        background-size:11px 14px;
      }

      nav.menu-mobile ul.menu-principal > li.item-137 > a {
        background-image: url("../images/menu-mobile-automobile@2x.png");
        background-size:42px 22px;
      }

      nav.menu-mobile ul.menu-principal > li.item-275 > a,
      nav.menu-mobile ul.menu-principal > li.item-279 > a {
        background-image: url("../images/menu-mobile-autobus@2x.png");
        background-size:50px 27px;
      }

      nav.menu-mobile ul.menu-principal > li.item-138 > a {
        background-image: url("../images/menu-mobile-vehicule@2x.png");
        background-size:52px 28px;
      }

      nav.menu-mobile ul.menu-principal > li.item-139 > a {
        background-image: url("../images/menu-mobile-avantage@2x.png");
        background-size:28px 14px;
      }

      nav.menu-mobile ul.menu-principal > li.item-116 > a {
        background-image: url("../images/menu-mobile-ecole@2x.png");
        background-size:25px 33px;
      }

      div.conteneur-mobile a.lien-langue-mobile:link, div.conteneur-mobile a.lien-langue-mobile:visited {
        background-image: url("../images/menu-mobile-langue@2x.png");
        background-size:96px 52px;
      }

      div.conteneur-mobile ul.reseaux li.facebook a:link, div.conteneur-mobile ul.reseaux li.facebook a:visited {
        background-image: url("../images/menu-mobile-facebook@2x.png");
        background-size:13px 26px;
      }

      div.conteneur-mobile ul.reseaux li.twitter a:link, div.conteneur-mobile ul.reseaux li.twitter a:visited {
        background-image: url("../images/menu-mobile-twitter@2x.png");
        background-size:28px 23px;
      }

      div.conteneur-mobile ul.reseaux li.youtube a:link, div.conteneur-mobile ul.reseaux li.youtube a:visited {
        background-image: url("../images/menu-mobile-youtube@2x.png");
        background-size:33px 23px;
      }

      div.conteneur-mobile ul.reseaux li.linkedin a:link, div.conteneur-mobile ul.reseaux li.linkedin a:visited {
        background-image: url("../images/menu-mobile-linkedin@2x.png");
        background-size:33px 23px;
      }

      a.haut-page:link, a.haut-page:visited {
        background-image: url("../images/haut-page@2x.png");
        background-size:100px 100px;
      }

      header.en-tete nav.menu-principal div > ul > li.parent > a::after {
        background-image: url("../images/sous-menu-puce-rouge@2x.png");
        background-size:26px 26px;
      }

      header.en-tete nav.menu-principal div > ul > li.item-138.parent > a::after {
        background-image: url("../images/sous-menu-puce-gris@2x.png");
        background-size:26px 26px;
      }

      header.en-tete nav.menu-principal div > ul > li.item-116 > a:link, header.en-tete nav.menu-principal div > ul > li.item-116 > a:visited {
        background-image: url("../images/trouver-ecole-triangle@2x.png");
        background-size:510px 43px;
      }

      div.reseaux a.suivez-nous:link, div.reseaux a.suivez-nous:visited {
        background-image: url("../images/suivez-nous-triangle@2x.png");
        background-size:31px 34px;
      }

      div.sur-footer div.reseaux li.facebook a:link,
      div.sur-footer div.reseaux li.facebook a:visited {
        background-size:22px 24px;
        background-image:url("../images/facebook-mobile-fonce@2x.png");
      }

      div.sur-footer div.reseaux li.twitter a:link,
      div.sur-footer div.reseaux li.twitter a:visited {
        background-size:26px 24px;
        background-image:url("../images/twitter-mobile-fonce@2x.png");
      }

      div.sur-footer div.reseaux li.youtube a:link,
      div.sur-footer div.reseaux li.youtube a:visited {
        background-size:29px 24px;
        background-image:url("../images/youtube-mobile-fonce@2x.png");
      }

      div.sur-footer div.reseaux li.linkedin a:link,
      div.sur-footer div.reseaux li.linkedin a:visited {
        background-size:29px 24px;
        background-image:url("../images/linkedin-mobile-fonce@2x.png");
      }

      body.ouvert a.btn-mobile:link, body.ouvert a.btn-mobile:link,
      body.ouvert a.btn-mobile:link, body.ouvert a.btn-mobile:visited {
        background-image:url("../images/btn-mobile-fermer@2x.png");
        background-size:20px 20px;
      }

      article.ecoles a.retour-ecoles:link,
      article.ecoles a.retour-ecoles:visited {
        background-image:url("../images/fleche-retour@2x.png");
        background-size:14px 11px;
      }

      article.ecoles div.haut div.gauche a.google:link,
      article.ecoles div.haut div.gauche a.google:visited {
        background-image:url("../images/ecole-loupe@2x.png");
        background-size:17px 17px;
      }

	}


  @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1000px) {

    section.complements a.partout h2 {
      background-size:24px 32px, 20px 10px;
    }

    div.reseaux a.suivez-nous:link, div.reseaux a.suivez-nous:visited {
      background-image:none;
    }

    div.contenu div.reseaux li.facebook a {
      background-image:url("../images/facebook-mobile@2x.png");
      background-size:27px 30px;
    }

    div.contenu div.reseaux li.twitter a {
      background-image:url("../images/twitter-mobile@2x.png");
      background-size:32px 30px;
    }

    div.contenu div.reseaux li.youtube a {
      background-image:url("../images/youtube-mobile@2x.png");
      background-size:38px 31px;
    }

    div.contenu div.reseaux li.linkedin a {
      background-image:url("../images/linkedin-mobile@2x.png");
      background-size:38px 31px;
    }


  }


  @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px) {

    footer.pied nav.menu-principal li.item-137 ul,
    footer.pied nav.menu-principal li.item-137 ul,
    footer.pied nav.menu-principal li.item-116 {
      background-image:none;
    }

    footer.pied nav.menu-principal li.item-137 a {
      background-image: url("../images/menu-bas-automobile@2x.png");
      background-size:40px 20px;
    }

    footer.pied nav.menu-principal li.item-138 a {
      background-image: url("../images/menu-bas-vehicule@2x.png");
      background-size:50px 25px;
    }

    footer.pied nav.menu-principal li.item-116 a {
      background-image: url("../images/menu-bas-pin@2x.png");
      background-size:24px 32px;
    }

    ul.boutons li.automobile a:link,
    ul.boutons li.automobile a:visited {
      background-size:45px 24px;
    }

    ul.boutons li.vehicule a:link,
    ul.boutons li.vehicule a:visited {
      background-size:55px 29px;
    }



  }



  @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 523px) {

    a.btn-mobile:link, a.btn-mobile:visited {
      background-image: url("../images/btn-mobile@2x.png");
      background-size:17px 16px;
    }

    body.ouvert a.btn-mobile:link, body.ouvert a.btn-mobile:visited {
      background-image: url("../images/btn-mobile-fermer@2x.png");
      background-size:15px 15px;
    }

  }

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

	.hikashop_cart_products > div > span,
	.hikashop_show_cart > div > span:first-child{
		display: inline-block;
	}

	.hikashop_cart_products > div > span.hikashop_show_cart_delete{
		/*margin-left:50px;*/
		float:right;
		margin-top:13px;
	}

	.hikashop_cart_products > div > span.hikashop_show_cart_quantity_span{
		margin-right:25px;
	}

	/*.hikashop_cart_products > div > span.hikashop_show_cart_quantity_span{
		display: block;
	}*/

	.hikashop_cart_products .hikashop_cart_product_quantity_value div.hikashop_cart_product_quantity_delete{
		margin-left:50px;
	}

	.hikashop_cart_products > div > span.hikashop_cart_product_total_value{
		display: block;
		text-align:right;
	}

	.hikashop_cart_products .hikashop_cart_price_total_title.title {
		display:block;
	}

	a.bouton.gris.bouton-continuer {
		width:270px;
	}

	a.hikashop_cart_button.bouton.rouge.bouton-commander {
		width:270px;
	}

	.hikashop_cart_products > div > span.hikashop_cart_subtotal_title.title{
		width:35%;
		text-align:right;
	}

	.hikashop_cart_products > div > span.hikashop_cart_tax_title.title{
		width:35%;
		text-align:right;
	}

	.hikashop_cart_products > div > span.hikashop_cart_total_title.title{
		width:35%;
		text-align:right;
	}

	.hikashop_cart_products > div > span.hikashop_cart_subtotal_value.hikashop_cart_product_total_value{
		display: inline-block;
		text-align:right;
		width:50%;
	}

	.hikashop_cart_products > div > span.hikashop_cart_tax_value.hikashop_cart_product_total_value{
		display: inline-block;
		text-align:right;
		width:50%;
	}

	.hikashop_cart_products > div > span.hikashop_cart_tax_value.hikashop_cart_product_total_value{
		display: inline-block;
		text-align:right;
		width:50%;
	}

	.hikashop_cart_products > div > span.hikashop_cart_total_value.hikashop_cart_product_total_value{
		display: inline-block;
		text-align:right;
		width:50%;
	}

	.hikashop_checkout_cart .hikashop_checkout_terms{
		display:block;
		margin-top:20px;
	}

	.hikashop_checkout_cart .hikashop_checkout_terms_checkbox{
		display:block !important;
		width:15px;
		float:left;
		margin-top:0;
		margin-right:10px;
		margin-bottom:25px;
	}

	.hikashop_checkout_cart label{
		display:block !important;
	}

}

.menu-principal li a[title="mon_dossier_mobile"]{
    display: none !important;
}
@media only screen and (max-width: 600px) {
    .tecnic_mondossier.dashboard .item .item-heading > .item-title {
        font-size: 1.1em;
    }
    .menu-principal li a[title="mon_dossier_mobile"]{
        display: block !important;
    }
}
@media only screen and (max-width: 1000px) {
	.menu-principal li a[title="mon_dossier_mobile"]{
		display: block !important;
	}	
}