/***********************************************************************************************************************/
/***************************************                      GENERAL                      ***************************************************/
/***********************************************************************************************************************/

/*  boutons */
input[type=button], button:not(.k-button){
font-size:14pt;
padding-left:20px !important;
padding-right:20px !important;
border: 1px solid #ac30ff !important;
background-color:#ac30ff !important;
color:#ffffff !important;

}

button:not(.k-button){
border-radius: 15px !important;
font-size: 16pt !important;
font-weight: lighter !important;
}

input[type=button]:hover, button:not(.k-button):hover{
background-color:transparent !important;
color: #ac30ff !important;
}

#divBody{
margin-right:0px !important;
}


.link{
font-style:normal !important;
font-size:initial;
font-weight:normal !important;
text-underline-offset: 2px;
padding-right:0px !important;
padding-left:0px !important;
}



/* Boutons larges sur accueil et votre projet   */
#DivContenu_3936 .btnLien,  #DivContenu_3934 .btnLien, #DivContenu_3937 .btnLien {
padding:18px 50px 20px !important;
}

.bandeauMenu
{
box-shadow: 0 -6px 15px 0 #000;
}

#Menu{
padding-right:20px !important;
}

#menuToggleResponsive{
margin-right:10px;
}


@media (max-width: 700px) {

#background-video{
display:none;
}

}

/***********************************************************************************************************************/
/***************************************                      ACCUEIL                         ***************************************************/
/***********************************************************************************************************************/
.btnLienAncre:hover{
background-color:#ac30ff !important;
background-image:url(http://v2.helix-dev.fr/Upload/Public/Images/FlecheBlancheBas.png) !important;
}

#DivContenu_3623
{
Background-position: bottom right !important;
Background-size: auto 88% !important;
}

.PaveClicableAccueil,PaveClicableAccueilGicab
{
cursor:pointer;
}

.PaveClicableAccueil:hover 
{
background-color:#eaeaea !important;
}

.PaveClicableAccueilGicab:hover{
background-color:#9e3fdc!important;
}

#Cellule_4_9549 .VignetteImage{
filter:grayscale(0.6);
}


@media (max-width: 700px) {


#Cellule_1_9679 .btnLien{
width:90% !important;

}

.titreSectionAccueil span{
font-size:18pt !important;
}


#DivContenu_3907 .VignetteTexte{
height:250px !important;
}

#DivContenu_3909 .VignetteTexte{
height:240px !important;
}




}





/***********************************************************************************************************************/
/***************************************                 VOTRE PROJET                   ***************************************************/
/***********************************************************************************************************************/

@media (max-width: 700px) {

#DivContenu_3855{
background-size:100% auto!important;
height:240px!important;
}

#DivContenu_3529
{
background-size:100% auto!important;
height:620px!important;
}

}



/***********************************************************************************************************************/
/***************************************                 NOTRE EXPERTISE             ***************************************************/
/***********************************************************************************************************************/
@media (max-width: 700px) {

#DivContenu_3870{
background-size:100% auto!important;
height:310px!important;
margin-top:0px!important;
}

}





/***********************************************************************************************************************/
/***************************************                      PAGE EMPLOI                ***************************************************/
/***********************************************************************************************************************/
.VignetteEmploi .VignetteImage{
margin:10px;
}

.VignetteEmploi .VignetteTexte{
padding-top:20px !important;
}







/***********************************************************************************************************************/
/***************************************                  PAGE NOS REFERENCES  ***************************************************/
/***********************************************************************************************************************/

.celluleRefClient
{
background-size:80% !important;
background-position:center center !important;
padding-top:80px !important;
padding-bottom:80px !important;
height:auto !important;
transition-duration:0.3s;
filter:grayscale(0.7);
}

.celluleRefClient:hover
{
filter:none;
background-size:90% !important;
}

.vignetteReferenceProjet .VignetteImage{
background-size:70% !important;
}





/***********************************************************************************************************************/
/***************************************                  PAGE CONTACT                ***************************************************/
/***********************************************************************************************************************/

#DivContenu_3833{
background-size:55% !important;
}




/***********************************************************************************************************************/
/***************************************                 PIED DE PAGE                ***************************************************/
/***********************************************************************************************************************/

.BANDE_9402 .link {
font-size:10pt !important;
}





.BANDE_9694{
background-size: contain !important;
background-color: white !important;
Background-position: right !important;
}


#eltAccueil>div{
padding-top:0px !important;
}


#DivContenu_3672,#DivContenu_4095{
Background-size: 75% auto !important;
background-color: #f9f9f9 !important;
Background-position: center bottom 10% !important;
}


.top-pave-origine-manager{
z-index:999;
}

.bandeau_origine_manager{
margin-top:-110px !important;
z-index:0;
}

.Origine-Manager-Ecran{
background-size: 85% !important;
  background-position: center !important;
}












 @font-face {
 font-family: 'Anton-Regular';
  src: url('https://www.helix-developpement.com/Content/Font/Anton-Regular.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-Black';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-Black.otf') format('opentype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-BlackItalic';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-BlackItalic.otf') format('opentype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-Bold';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-Bold.otf') format('opentype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-BoldItalic';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-BoldItalic.otf') format('opentype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-Italic';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-Italic.otf') format('opentype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-Light';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-Light.otf') format('opentype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-LightItalic';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-LightItalic.otf') format('opentype');
}
 
 @font-face {
 font-family: 'ArdoiseTry-Regular';
  src: url('https://www.helix-developpement.com/Content/Font/ArdoiseTry-Regular.otf') format('opentype');
}
 
 @font-face {
 font-family: 'Lato-Black';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-Black.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-BlackItalic';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-BlackItalic.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-Bold';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-Bold.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-BoldItalic';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-BoldItalic.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-Hairline';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-Hairline.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-HairlineItalic';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-HairlineItalic.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-Italic';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-Italic.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-Light';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-Light.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-LightItalic';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-LightItalic.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-Regular';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-Regular.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Lato-Semibold';
  src: url('https://www.helix-developpement.com/Content/Font/Lato-Semibold.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'OpenSans-Light';
  src: url('https://www.helix-developpement.com/Content/Font/OpenSans-Light.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'OpenSans-Regular';
  src: url('https://www.helix-developpement.com/Content/Font/OpenSans-Regular.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Roboto';
  src: url('https://www.helix-developpement.com/Content/Font/Roboto.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Roboto-Black';
  src: url('https://www.helix-developpement.com/Content/Font/Roboto-Black.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'RobotoCondensed-Light';
  src: url('https://www.helix-developpement.com/Content/Font/RobotoCondensed-Light.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'RobotoCondensed-Regular';
  src: url('https://www.helix-developpement.com/Content/Font/RobotoCondensed-Regular.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Roboto-Light';
  src: url('https://www.helix-developpement.com/Content/Font/Roboto-Light.ttf') format('truetype');
}
 
 @font-face {
 font-family: 'Roboto-Thin';
  src: url('https://www.helix-developpement.com/Content/Font/Roboto-Thin.ttf') format('truetype');
}