body {
    font-family: 'Quicksand', sans-serif !important;
    font-size: small;
}


/*===================        Position et taille image         ====================*/

img { max-width: 100%;  max-height: 100%;}

.idee, img {
    max-width: 100%;
    max-height: 100%;
}

.centerLine{ /* Gestion de la ligne dans l'accueil */
    display: center ;
    margin: 0 0 0 120px;
}

.centerLogoPres{    /*Gestion des logos dans la partie présention de la page Acceuil*/
    height: 7em;
    display: center ;
    padding: 0 0 0 0px;
}

.centerLogo {  /*Gestion du logos dans le bandeau de la page Acceuil et Contact*/
    height: 5em;
    display: center ;
    padding: 0 0 0 0px;
}

.voile {
    color: black; 
    padding: 100px 110px 0px 120px;
}
.foncWid {
    width : 70%;
}


/*====================         Polices (balises)        ====================*/

.h1, h1 {
    text-transform: uppercase;
    font-size:  large !important;
    font-weight: bold !important;
    text-align: center;
    color: #FFF;
}

.h2, h2 {
    font-size: large !important;
    font-weight: bold !important;
}

.h3, h3 {
  
    font-size:  x-large !important;
    color: #F26722;
}

.h4, h4 {
    text-transform: uppercase;
    font-size:  x-large !important;
    text-align: center;
    color: #FFF;
}

.h5, h5 {
    text-transform: uppercase;
    font-size:  x-large !important;
    text-align: center;
    color: #FFF;
    padding-top: 150px;
}

.h6, h6{  /*Gestion de la taille des caractères du menu déroulant*/
      font-size: large !important;
      font-weight: bold !important;
}

.h7, h7{
    text-transform: uppercase;
    font-size:  20px !important;
    text-align: left !important;
    color: #F26722;
    font-family: 'Quicksand-Medium', sans-serif !important;
}

/*===================       Polices (classes)         ====================*/

.foot-text{ /*Texte du pied de page */
    color: #FFF;
    display: inline-block;
}

.presText{      /*Gestion du texte dans la partie présention de la page Acceuil*/
    color: #FFF;
    height: 2em;
    display: inline-block;
    text-align: center;
    font-size: medium;
    font-family: 'Quicksand', sans-serif !important;
}

.foncText{      /*Gestion du texte dans la partie présention de la page Acceuil*/
    color: #6D6E71;
    height: 3em;
    display: inline-block;
    text-align: center;
    font-size: medium;
    font-family: 'Quicksand', sans-serif !important;
}

.solutionTitle{ /*Gestion du texte dans la partie solutions de la page Solutions*/
    color: #6D6E71;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    font-family: 'Quicksand', sans-serif !important;
   /* padding-top: 20px;
    padding-left: 1px;
    padding-right: : 50px;*/
}

.vertical img, .vertical p {
   margin:auto;
 /* position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;*/
}


.logTitle {
    text-transform: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-family: 'Quicksand Medium', sans-serif !important;
    padding-top: 30px;
    padding-left: 1px;
    padding-right: : 50px;
}

.adresse{ /*Comportement de l'adresse de la page contact*/
    color: #FFF;
    height: 1em;
    display: inline;
    font-size: medium;
    font-family: 'Quicksand', sans-serif !important;
}
.confidentialite{ /*Comportement de l'adresse de la page contact*/
    color:#FFF;
    height: 1em;
    display: inline;
    font-size: medium;
    font-family: 'Quicksand', sans-serif !important;
}

.portailText{ /*Gestion du texte dans la partie portail de page Solutions*/
    color: black;
    text-transform: uppercase;
    text-align: left;
    font-size: 22px;
    font-family: 'Quicksand', sans-serif !important;
    padding-top: 50px;
}

.DemoTitle {
    font-size:  28px !important;
    color: #F26722;
}

.DemoText {
    font-size:  22px !important;
    text-transform: uppercase;
    color: black;
    font-family: 'Quicksand', sans-serif !important;
}


.newsLetter{ /*Gestion du texte dans la partie présention de la page Acceuil*/
    padding-top: 25px;
}
.newsLetter2{ /*Gestion du texte dans la partie présention de la page Acceuil*/
    padding-top: 20px;
}


.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}
.text-mContact {
    text-align: center !important;
}

.text-mSolutions {
    text-align: center;
}
.text-end {
    text-align: end;
}

.fonctionText{      
    color: #6D6E71;
    height: 3em;
    display: inline-block;
    text-align: center;
    font-size: medium;
    font-family: 'Quicksand', sans-serif !important;
}

.textVoile{
    color: black;
    
    display: inline-block;
    text-align: left !important;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif !important;
}


.bold 	{ font-weight:bold;}
.em 	{ font-style: italic;}

/*====================     Tailles (classes)            ====================*/
.height5  { height : 5%;} 
.height10 { height : 10%;}
.height15 { height : 15%;}
.height30 { height : 30%;}
.height40 { height : 40%;}
.heightNL { height : 45%;}
.height35 { height : 42%;}
.height25 { height : 25%;}  
.height20 { height : 20%;}  

.height50 { height : 50%;}
.height65 { height : 65% !important;}
.height80 { height : 80%;}
.height100 {height : 100%;}
.height120 {height : 120%;}
.height200 {height : 200%;}

.wid50 	{width : 50%;}
.wid80 	{width : 90%;}
.wid100 {width : 100%;}
.wid100 {width : 120%;}

.presWid 	{width : 50%;}
.presBgHeight {
    height: 75% !important;
    width: : 75% !important;
}
/*====================       Positions          ====================*/

.pos-abs, .pos-abs-no-small { position: absolute;}
.pos-rel 					{ position: relative;}

.inline 	{ display: inline-block;}

.corner-TL { top : 0; left : 0;}
.corner-TR { top : 0;  right : 0; }
.corner-BL { bottom: 0;left : 0;}
.corner-BR { bottom : 0; right : 0; }

/*====================         Gestion du décalage         ====================*/

.pad-0 { padding-left : 0 !important; padding-right : 0 !important;}
.pad-5 { padding: 5px !important;}
.pad-10 { padding : 10px;}
.pad-12 { padding : 12px;}
.pad-15 { padding : 15px;}

.pad-top-5 {  padding-top: 5px !important;}
.pad-top-10 { padding-top: 10px !important;}
.pad-top-15 { padding-top: 15px !important;}
.pad-top-20 { padding-top: 20px !important;}
.pad-top-35 { padding-top: 35px !important;}
.pad-top-30 { padding-top: 30px !important;}
.pad-top-40 { padding-top: 40px !important;}
.pad-top-50 { padding-top: 50px !important;}
.pad-top-60 { padding-top: 60px !important;}
.pad-top-75 { padding-top: 75px !important;}
.pad-top-100 {padding-top: 100px !important;}
.pad-top-140 {padding-top: 135px !important;}
.pad-top-150 {padding-top: 150px !important;}

.pad-bot-2 	{ padding-bottom: 2px !important;}
.pad-bot-15 { padding-bottom: 15px !important;}
.pad-bot-20 { padding-bottom: 20px !important;}
.pad-bot-50 { padding-bottom: 50px !important;}
.pad-bot-130 {padding-bottom: 130px !important;} 

.pad-left-0  {padding-left: 0px !important;}
.pad-left-10 {padding-left: 2px !important;}
.pad-left-15 {padding-left: 0px !important;}
.pad-left-20 {padding-left: 20px !important;}
.pad-left-30 {padding-left: 30px !important;}
.pad-left-50 {padding-left: 50px !important;}
.pad-left-75 {padding-left: 75px !important;}
.pad-left-100 {padding-left: 100px !important;}

.pad-right-0 { padding-right: 0px !important;}
.pad-right-20 {padding-right: 20px !important;}
.pad-right-30 {padding-right: 30px !important;}
.pad-right-50 {padding-right: 10px !important;}

.pad-contact { /* Décalage spécifique à la page contact */
    padding-top: 20px !important ;
    padding-bottom: 20px !important;
}

.pad-titre-head {
    padding-top: 29px;
}
.anchor {
    padding-top: 60px;
}

 .pad-visio {
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left : 30px !important;
 }

/*====================      Esthétique           ====================*/


.noborder {border: none !important;}

.noshadow {box-shadow: none !important;}

.nomargin {margin: 0 !important;}
.nomargin-top {margin-top: 0 !important;}

.mar-15 {     margin: 15px;}
.panelPres{   padding-top: 20px}
.mar-top-10 { margin-top : 10px !important;}

#pageIndex #menuIndex {
    border-bottom: 1px #F26722 solid;
}
#pageSolutions #menuSolutions {
    border-bottom: 1px #F26722 solid;
}
#pageContact #menuContact {
    border-bottom: 1px #F26722 solid;
}


 /*====================        Basse résolution        ====================*/

@media  (max-width: 767px) {
    .hide-xs {display: none !important;}

    .corner-TR {top: 0;right: auto;}

    /*====================         Gestion du décalage         ====================*/

    .pad-top-50 {padding-top: 50px !important;}
    .pad-top-20 {padding-top: 20px !important;}
    .pad-top-15 {padding-top: 15px !important;}
    .pad-top-150 {padding-top: 145px !important;}
    
    .pos-abs-no-small {position: absolute;}
    
    .small-border-right {border-right: 2px #00B5A3 dotted;}
    .small-border-bot 	{border-bottom: 2px #00B5A3 dotted;}
    .small-border-left 	{border-left: 2px #00B5A3 dotted;}

    .heightNL {height : 0%;} 

    .newsLetter{
        padding-top: 20px;
        padding-bottom: 0.1px;
    }
	.newsLetter2{
        padding-top: 10px;
        
    }

    .pad-contact {
        padding-top: 45px !important ;
        padding-bottom: 45px !important;
    }

    /*====================        Polices (balises)        ====================*/

    .h1, h1 {
        text-transform: uppercase;
        font-size:  15px !important;
        text-align: center;
        color: #FFF;
    }

    .h4, h4 {
        text-transform: uppercase;
        font-size:  18px !important;
        text-align: center;
        color: #FFF;
    }

    .h5, h5 {
        font-size:  18px !important;
        text-align: left;
        color: #FFF;
    }

    /*====================        Position et taille images       ====================*/


    .DemoTitle {
          font-size:  22px !important;
          color: #F26722;
          font-family: 'Quicksand', sans-serif !important;
    }  

    .DemoText {
          font-size:  19px !important;
          color: black;
          font-family: 'Quicksand', sans-serif !important;
    }   

    .centerLogoPres{
             
       height: 4em;

    }

    .panelPres{
        padding-top: 2px; 
    }

     .presWid {
        width : 100%;
    }
    .anchor {
        padding-top: 0px;
    }

    .voile {
    
        color: black; 
        padding: 35px 20px 35px 20px;
    }

    /*====================        Polices (classes)        ====================*/
    
    .logTitle {
        text-transform: bold;
        text-transform: uppercase;
        text-align: center;
        font-size: 20px;
        font-family: 'Quicksand', sans-serif !important;
        padding-top: 30px;
        padding-left: 1px;
        padding-right: : 50px;
    }
    .presText{
        color: #FFF;
        text-align: center;
        text-transform: bold !important;
        font-size: 13px;
        font-family: 'Quicksand', sans-serif !important;
    }

    .foot-text{
        color: #FFF;
        display: inline-block;
        text-align: center;
        font-size: 10px;
    }

    .solutionTitle{
        color: #6D6E71;
        text-transform: uppercase;
        text-transform: bold;
        text-align: justify-all;
        font-size: 25px;
        font-family: 'Quicksand', sans-serif !important;
        padding-top: 10px;
    }  

    .portailText{
        color: black;
        text-transform: uppercase;
        text-align: center;
        font-size: 17.2px;
        font-family: 'Quicksand', sans-serif !important;
        padding-top: 50px;
    }


    .foncText{      /*Gestion du texte dans la partie présention de la page Acceuil*/
        color: #6D6E71;
        height: 5em;
        display: inline-block;
        text-align: center;
        font-size: medium;
        font-family: 'Quicksand', sans-serif !important;
    }
}
 /*====================        Petite résolution      ====================*/

@media (min-width: 768px) and (max-width: 991px) {
    
    .hide-sm {
        display: none !important;
    }  

    /*====================         Gestion du décalage         ====================*/

    .pos-abs-no-small {
        position: absolute;
    }

    .newsLetter{
        padding-top: 0px;
        padding-bottom: 0.1px;
    }

    .heightNL {
        height : 45%;
    }

    .pad-contact {
        padding-top: 30px !important ;
        padding-bottom: 30px !important;
    }

    .panelPres{
        padding-top: 5px; 
    }

    .pad-titre-head {
        padding-top: 24px;
    }

    /*====================        Polices (balises)        ====================*/

    .h1, h1 {
        text-transform: uppercase;
        font-size:  large !important;
        text-align: center;
        color: #FFF;
    }

    .h4, h4 {
        text-transform: uppercase;
        font-size:  medium !important;
        text-align: center;
        color: #FFF;
    }

    .h5, h5 {
        text-transform: uppercase;
        font-size:  19.1px !important;
        text-align: center;
        color: #FFF;
        padding-top: 112px;
    }

    .h7, h7{
        text-transform: uppercase;
        text-transform: bold;
        font-size:  12.5px !important;
        text-align: left !important;
        color: #F26722;
        font-family: 'Quicksand-Medium', sans-serif !important;
    }

    /*====================        Position et taille images       ====================*/

    .bg-details {
        background-image: none;
    }

    img.saisie { /* Gestion image pourles solutions */
        padding-top: 50px;
    }

    img.soluce { /* Gestion image pourles solutions */
        max-width: 80% !important;
        max-height: 80%  !important;
    }  

    .centerLogoPres{
        height: 5em;
        display: center ;
        padding: 0 0 0 0px;
    }

    .centerLine{
        display: center ;
        padding: 0 0 0 35px;
    }

     .presWid {
        width : 75%;
    }

    .voile {
    
        color: black; 
        padding: 40px 40px 0px 30px;
    }
    .text-mContact {
        text-align: center !important;
    }

    .text-mSolutions {
        text-align: center !important;
    }


    /*====================        Polices (classes)        ====================*/

   .fonctionText{      
        color: #6D6E71;
        display: inline-block;
        text-align: center;
        font-size: 15.2px;
        font-family: 'Quicksand', sans-serif !important;
    }

	.LogoFonction { 
        height: 3.5em;
        display: center ;
        padding: 0 0 0 0px;
    }

   
    .textVoile{
        color: black;
        display: inline-block;
        text-align: left !important;
        font-size: 12.25px;
        font-family: 'Quicksand' !important;
    }

    .presText{
        color: #FFF;
        display: inline-block;
        text-align: center;
        font-size: medium;
        font-family: 'Quicksand', sans-serif !important;
    }

    .solutionTitle {
        color: #6D6E71;
        text-transform: uppercase;
        text-align: justify-all;
        font-size: 17.9px !important;
        font-family: 'Quicksand', sans-serif !important;
        padding-top: 10px;
    } 

    .pad-visio {
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left : 82px !important;
    }

    .text-mSolutions {
        padding-left: 0px;
    }
 
}

 /*====================        Moyenne résolution        ====================*/

@media (min-width: 992px)  and (max-width: 1199px) {
  
    .hide-md {
        display: none !important;
    }

    /*====================         Gestion du décalage         ====================*/

    .newsLetter{
        padding-top: 17px;
    }

    .heightNL {
        height : %;
    }   
    .pad-contact {
        padding-top: 40px !important ;
        padding-bottom: 30px !important;
    }

    .panelPres{
        padding-top: 40px; 
    }

     .pad-titre-head {
        padding-top: 26px;
    }

    /*====================        Polices (balises)        ====================*/

     .h4, h4 {
        text-transform: uppercase;
        font-size:  large !important;
        text-align: center;
        color: #FFF;
    }

    .h5, h5 {
        text-transform: uppercase;
        font-size:  27px !important;
        text-align: center;
        color: #FFF;
        padding-top: 112px;
    }

    .h7, h7{
        text-transform: uppercase;
        text-transform: bold;
        font-size:  17.5px !important;
        text-align: left !important;
        color: #F26722;
        font-family: 'Quicksand-Medium', sans-serif !important;
    }


    /*====================        Position et tailles       ====================*/

     .centerLogoPres{
        height: 6em;
        display: center ;
        padding: 0 0 0 0px;
    }

    .centerLine{
        display: center ;
        padding: 0 0 0 60px;
    }

    .presWid {
        width : 71%;
    }

    .voile {
    
        color: black; 
        padding: 80px 80px 0px 80px;
    }

     .text-mContact {
        text-align: center !important;
    }

    .text-mSolutions {
        text-align: center;
    }

    /*====================        Polices (classes)        ====================*/

    .presText{
        color: #FFF;
        height: 1.5em;
        display: inline-block;
        text-align: center;
        font-size: medium;
        font-family: 'Quicksand', sans-serif !important;
    }

    .solutionTitle{
        color: #6D6E71;
        text-transform: uppercase;
        text-align: justify-all;
        font-size: 19px;
        font-family: 'Quicksand' , sans-serif !important;
        padding-top: 10px;
    }
	.fonctionText{      
        color: #6D6E71;
        display: inline-block;
        text-align: center;
        font-size: 15px;
        font-family: 'Quicksand', sans-serif !important;
    }

    .textVoile{
        color: black;
        display: inline-block;
        text-align: left !important;
        font-size: 14px;
        font-family: 'Quicksand', sans-serif !important;
    }
    .pad-visio {
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left : 75px !important;
    }


   
}

@media (min-width: 1200px) {

    .hide-lg {
        display: none !important;
    }  
}