/*  =========  responsive - DEBUT =========  */
@media screen and (max-width: 1200px) 

/*  =========  responsive - masquer si < 1200px =========  */
{

.entete_logo_omlin_haut_gauche,
.entete_logo_conception_haut_gauche,
.task_menu,
.pied_page_txt_source,
/* #filtre_par_client, */
a.workflow_menu,
a.admin_menu,
.references


	{
    display: none;
  }
}	
	






/*  =========  responsive - DEBUT =========  */
@media screen and (max-width: 850px) 

/*  =========  responsive - masquer si < 850px =========  */
{

.omlinBigScreen,
.conceptionBigScreen,
	
.triangle_1,
.triangle_2,
.triangle_3,
.triangle_4,
.triangle_5,
.triangle_6,
.triangle_7,
.triangle_8,
.triangle_9,
.triangle_10,
.triangle_11,
.triangle_12,
.triangle_13,
.triangle_14,
.triangle_15,
.triangle_16,
.triangle_17,
.triangle_18,
.triangle_19,
.triangle_20,
.triangle_21,
.triangle_22,
.triangle_23,
.triangle_24,
.triangle_25,
.triangle_26,
.triangle_27,
.triangle_28,
.triangle_29,
.triangle_30,
.triangle_31,
.triangle_32,
.triangle_33,
.triangle_34,
.triangle_35,
.triangle_36,
.triangle_37,
.triangle_38,
.triangle_39,

.entete_logo_omlin_haut_gauche,
.entete_logo_conception_haut_gauche,
.pied_page_rectangle,
.pied_page_txt_omlin,
.pied_page_txt_conception,
.pied_page_txt_T_telephone,
.pied_page_txt_telephone,
.pied_page_txt_E_mail,
a.mail:link, a:visited,
a.pied_page_mail,
.pied_page_mail,
.pied_page_txt_copyright,
.pied_page_txt_copyright_index,
.pied_page_txt_num_mandat,
	
.references,
/* #filtre_par_client, */
a.workflow_menu,
.logout,
.mandats,
.localisation,
.doc,
a.maquette,
.task_menu,
.carte_mandats,
.mandat_abandon,
.reunion,
.compta_menu,


.pied_page_txt_source,
a.geoadmin:link,
a.geovd:link,

#superfiltre,

#titre_txt_haut,
#titre_txt_bas,
#titre_trait,
#titre_rectangle


	
	{
    display: none;
  }
	
	
/*  =========  responsive - triangles petit ecran =========  */
.triangle_40 {
	  position: fixed; 
	  top: 0%; 
	  left: 0%;
      height: 100%;
      width: 100%;
      transition: 200ms;
      background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 10.8%)); 
      clip-path: polygon(0% 0%, 0% 70%, 70% 0%);
	  z-index: -999;
}
.triangle_41 {
      position: fixed;
	  top: 0%; 
	  left: 0%;
      height: 100%;
      width: 100%;
      transition: 200ms;
      background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 12.7%));
      clip-path: polygon(80% 50%, 0% 70%, 70% 0%);
	  z-index: -999;
}
  .triangle_42 {
        position: fixed;
  	  top: 0%; 
  	  left: 0%;
        height: 100%;
        width: 100%;
        transition: 200ms;
        background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 13.5%));
        clip-path: polygon(80% 50%, 0% 70%, 40% 100%);
        z-index: -999;
  }
  
  .triangle_43 {
        position: fixed;
  	  top: 0%; 
  	  left: 0%;
        height: 100%;
        width: 100%;
        transition: 200ms;
        background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 11.6%));
        clip-path: polygon(0% 100%, 0% 70%, 40% 100%);	  
  	  z-index: -999;
  }
  .triangle_44 {
        position: fixed;
  	    top: 0%; 
  	    left: 0%;
        height: 100%;
        width: 100%;
        transition: 200ms;
        background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 14.7%));
        clip-path: polygon(100% 100%, 80% 50%, 40% 100%);	  
  	    z-index: -999;
  }
  .triangle_45 {
        position: fixed;
  	    top: 0%; 
  	    left: 0%;
        height: 100%;
        width: 100%;
        transition: 200ms;
        background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 13.9%));
        clip-path: polygon(100% 100%, 80% 50%, 100% 60%);	  
  	    z-index: -999;
  }
  
 .triangle_46 {
       position: fixed;
 	   top: 0%; 
 	   left: 0%;
       height: 100%;
       width: 100%;
       transition: 200ms;
       background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 9.2%));
       clip-path: polygon(0% 85%, 0% 100%, 5% 100%);	  
 	   z-index: -999;
 }
 .triangle_47 {
       position: fixed;
 	  top: 0%; 
 	  left: 0%;
       height: 100%;
       width: 100%;
       transition: 200ms;
       background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 12.4%));
       clip-path: polygon(100% 0%, 80% 50%, 100% 60%);	  
 	  z-index: -999;
 }
 .triangle_48 {
       position: fixed;
 	  top: 0%; 
 	  left: 0%;
       height: 100%;
       width: 100%;
       transition: 200ms;
       background: hsl(var(--wpH), var(--wpS), calc(var(--wpL) + 10%));
       clip-path: polygon(100% 0%, 80% 50%, 70% 0%);	  
 	  z-index: -999;
 }
  



/*  -------- début de style ---------    
                 omlin fond
    ==================================    */
      .omlinSmallScreen {
	  position: fixed;
      top: 60%;
      left: 15px;
	  text-align: left;
      color: hsla(var(--wpH), var(--wpS), calc(100% - var(--wpL)), 0.35);
      font-family: 'Tahoma', Verdana, sans-serif;
	  font-weight: bold;
      font-size:75px;
      letter-spacing: -5px;
	  cursor : default;
	  z-index: -998;
      }
      
      .conceptionSmallScreen {
	  position: fixed;
      top: calc( 60% + 55px);
      left: 15px;
	  text-align: left;
      color: hsla(var(--wpH), var(--wpS), calc(100% - var(--wpL)), 0.35);
      font-family: 'Tahoma', Verdana, sans-serif;
	  font-weight: normal;
      font-size: 75px;
      letter-spacing: -5px;
	  cursor : default;
	  z-index: -998;
      }


/*  -------- fin de style ---------    
                 omlin fond
    ==================================    */


/*  -------- début de style ---------    
                 FADE IN
    ==================================    */

@-webkit-keyframes fadingSmallScreen {
    from {
        opacity: 0;
    }
    to {
         opacity: 1;   
    }
}
@-moz-keyframes fadingSmallScreen {
    from {
        opacity: 0;
    }
    to {
         opacity: 1;   
    }
}

@keyframes fadingSmallScreen {
    from {
        opacity: 0;
    }
    to {
         opacity: 1;   
    }
}
.invisibleSmallScreen {
    opacity: 0;
    -webkit-animation: fadingSmallScreen ease-in 1.5s;
    animation: fadingSmallScreen ease-in 1.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
}

.invisibleSmallScreen.oneSmallScreen {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s
}

.invisibleSmallScreen.twoSmallScreen {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.invisibleSmallScreen.threeSmallScreen {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
}

/*  -------- fin de style ---------    
                FADE IN
    ==================================    */

}
/*  =========  responsive - FIN =========  */






/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 

/*  =========  responsive - masquer si > 800px =========  */
{
#MenuDropDown,
.mandatsTitreHautGauche,
.referencesTitreHautGauche,
.workflowTitreHautGauche,
.maquetteTitreHautGauche,
.documentsTitreHautGauche,
.localisationTitreHautGauche,	
.contact_small_screen_T_telephone,
.contact_small_screen_telephone,
.contact_small_screen_E_mail,
	
a.contact_small_screen_mail

	{
    display: none;
  }
	}



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
#supermap
	{
right: 198px; 
  }
	}
@media screen and (max-width: 850px) 
{
#supermap
	{
right: 65px; 
  }
	}



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
#supermap li ul 
	{
	left: calc( -42px + 0px );   /*  => alignement gauche menu dropdown  */  
  }
	}
@media screen and (max-width: 850px) 
{
#supermap li ul 
	{
	left: calc( -31px - 200px + 48px );   /*  => alignement gauche menu dropdown  */  
  }
	}



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
#supermap 
	{
			border-left: 2px solid hsla(var(--banH), var(--banS), calc(100% - var(--banL)), 0.9);  /*  => separation gauche */  
	border-right: 2px solid hsla(var(--banH), var(--banS), calc(100% - var(--banL)), 0.9);  /*  => separation droite */  
  }
	}
@media screen and (max-width: 850px) 
{
#supermap
	{
					transform: translateX(10px);   /*  => alignement gauche bouton  */  
			border-left: 2px solid hsla(var(--banH), var(--banS), calc(100% - var(--banL)), 0.0);  /*  => separation gauche */  
	border-right: 2px solid hsla(var(--banH), var(--banS), calc(100% - var(--banL)), 0.9);  /*  => separation droite */  
  }
	}




/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
#variante li div
	{
	
padding: 2px 15px 2px 13px;
  }
	}

@media screen and (max-width: 850px) 
{
#variante li div
	{
							transform: translateX(0px);   /*  => alignement gauche bouton  */  
padding: 2px 13px 2px 13px;
  }
	}





/*  =========  responsive - DEBUT =========   OK  */
/*  désactivation de l'icone pour les grand écran  */
@media screen and (min-width: 850px) {
    #var_icone {
        display: none;
    }
}

/*  désactivation du texte pour les petit écran  */
@media screen and (max-width: 850px) {
    #var_title {
        display: none;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */




/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
#variante
	{
right: 641px;
  }
	}
@media screen and (max-width: 850px) 
{
#variante
	{
right: 99px; 
  }
	}


/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
a.aide_menu
	{
right: 200px;
padding: 2px 15px 2px 13px;
  }
	}
@media screen and (max-width: 850px) 
{
a.aide_menu
	{
right: 50px; 
padding: 2px 13px 2px 13px;
  }
	}





/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
#internal_documents 
	{
margin-top: 125px;
  }
	}
@media screen and (max-width: 850px) 
{
#internal_documents 
	{
margin-top: 30px;
  }
	}


/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
a.choix_doc_1,
	a.separation_doc_1_1,
	a.choix_doc_2
	{
color: rgb(var(--choix)) !important;
		top: 76px; 
  }
	}
@media screen and (max-width: 850px) 
{
a.choix_doc_1,
	a.separation_doc_1_1,
	a.choix_doc_2
	{
color: hsla(var(--banH), var(--banS), calc(100% - var(--banL)), 1) !important;
		top: 24px; 
  }
	}



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
a.choix_doc_1:hover,
a.choix_doc_2:hover
	{
  color: rgb(var(--choixHover)) !important;
  }
	}
@media screen and (max-width: 850px) 
{
a.choix_doc_1:hover,
a.choix_doc_2:hover
	{
color: white !important;
  }
	}



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) 
{
.img_nord
	{
bottom: 58px;
  }
	}
@media screen and (max-width: 850px) 
{
.img_nord
	{
bottom: 15px;
  }
	}




/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) /* big screen */
{
a.info_menu
	{
right: 755px;
		padding: 2px 15px 2px 13px;
  }
	}
@media screen and (max-width: 850px) /* small screen */
{
a.info_menu
	{
right: 151px;
padding: 2px 13px 2px 13px;
  }
	}

/*  =========  responsive - DEBUT =========   OK  */
/*  désactivation de l'icone pour les grand écran  */
@media screen and (min-width: 850px) {
    #info_icone {
        display: none;
    }
}

/*  désactivation du texte pour les petit écran  */
@media screen and (max-width: 850px) {
    #info_title {
        display: none;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */



/*  =========  responsive - DEBUT =========   OK  */
/*  désactivation de l'icone pour les grand écran  */
@media screen and (min-width: 850px) {
    #aide_icone {
        display: none;
    }
}

/*  désactivation du texte pour les petit écran  */
@media screen and (max-width: 850px) {
    #aide_title {
        display: none;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
.info,
.info_rectangle,
.rectangle_menu_info
	{

	width: var(--InfoWidth); 
    }
}

@media screen and (max-width: 850px) {
.info,
.info_rectangle,
.rectangle_menu_info
	{
     width: 100%;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */






/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
.info_texte,
.titre_info 
	{
	left: 24px;
    }
}

@media screen and (max-width: 850px) {
.info_texte,
.titre_info 
	{
    left: 14px;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */






/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
#searchBar_indexMandat[type=text] 
	{
	right:calc( 200px + 1px );
    }
}

@media screen and (max-width: 850px) {
#searchBar_indexMandat[type=text]
	{
    right:+50px!important;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */






/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
#searchBar_workflow[type=text] 
	{
	right:calc( 200px - 0px );
    }
}

@media screen and (max-width: 850px) {
#searchBar_workflow[type=text]
	{
    right: 50px!important;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */




/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
#searchBar_sketchup[type=text] 
	{
	right:calc( 200px - 0px );
    }
}

@media screen and (max-width: 850px) {
#searchBar_sketchup[type=text]
	{
    right: 50px!important;
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */








/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
.notes, 
.rectangle_menu_notes,
.rectangle

	{
	width: var(--NotesWidth); 
    }
}

@media screen and (max-width: 850px) {
.notes,
.rectangle_menu_notes,
.rectangle

	{
 width: 100%; 
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */








/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
.aide, 
.rectangle_menu_aide,
.hl_prise_en_main,
.aide30_rectangle,
.aide31_rectangle,
.aide32_rectangle,
.aide33_rectangle,
.aide34_rectangle,
.aide35_rectangle
	{
	width: var(--AideWidth); 
    }
}

@media screen and (max-width: 850px) {
.aide,
.rectangle_menu_aide,
.hl_prise_en_main,
.aide30_rectangle,
.aide31_rectangle,
.aide32_rectangle,
.aide33_rectangle,
.aide34_rectangle,
.aide35_rectangle
	{
 width: 100%; 
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
.info_texte
	{
	height: calc( 100% - var(--headerHeight) - var(--footerHeight) - var(--InfoMenuHeight));
    }
}

@media screen and (max-width: 850px) {
.info_texte
	{
	height: calc( 100% - var(--headerHeight) - var(--InfoMenuHeight));
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */



/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 850px) {
.info_texte,
.aide30_texte,
.aide31_texte,
.aide32_texte,
.aide33_texte,
.aide34_texte,
.aide35_texte,
.aide40_texte
	{
	height: calc( 100% - var(--headerHeight) - var(--footerHeight) - var(--InfoMenuHeight));
    }
}

@media screen and (max-width: 850px) {
.info_texte,
.aide30_texte,
.aide31_texte,
.aide32_texte,
.aide33_texte,
.aide34_texte,
.aide35_texte,
.aide40_texte
	{
	height: calc( 100% - var(--headerHeight) - var(--InfoMenuHeight));
    }
}
/*  = = = = =  responsive - FIN = = = = =   OK  */




/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 1200px) 
{
#filtre_par_client
	{
left: 666px; 
  }
	}
@media screen and (max-width: 1200px) 
{
#filtre_par_client
	{
left: 102px; 
  }
	}

/*  =========  responsive - DEBUT =========   OK  */
@media screen and (min-width: 1200px) 
{
.notes_menu
	{
left: 700px; 
  }
	}
@media screen and (max-width: 1200px) 
{
.notes_menu
	{
left: 152px; 
  }
	}




/*  =========  responsive - DEBUT =========  */
/* @media screen and (max-width: 1200px)  */

/* { */
/* .chrono_header, */
/* .chrono_contenu */
	/* { */
    /* display: none; */
  /* } */
/* }	 */