/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* FIN RESET CSS */


/* Typos en + */
@font-face {
    font-family: 'colaborate-thinregular';
    src: url('fonts/colaborate-font/colabthi-webfont.eot');
    src: url('fonts/colaborate-font/colabthi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colaborate-font/colabthi-webfont.woff') format('woff'),
         url('fonts/colaborate-font/colabthi-webfont.ttf') format('truetype'),
         url('fonts/colaborate-font/colabthi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_weblight';
    src: url('fonts/titilium-font/titilliumweb-light-webfont.eot');
    src: url('fonts/titilium-font/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilium-font/titilliumweb-light-webfont.woff') format('woff'),
         url('fonts/titilium-font/titilliumweb-light-webfont.ttf') format('truetype'),
         url('fonts/titilium-font/titilliumweb-light-webfont.svg#titillium_weblight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FIN Typos en + */



body{
    background-color: #fff;
    padding: 0;
    margin: 0;
    font-family: "titillium_weblight", verdana, sans-serif;
    font-size: 16px;
    color:#333;
}


#close
{
    position: absolute;
    right: 10px;
    top: 10px;
}
a{
    color:#fff;
}

a button{
  cursor:  pointer;
  font-family: "titillium_weblight"
}



header{
    background-color: #fff;
    padding-bottom: 10px;
    padding-top: 10px;

    top: 0;
    width: 100%;
}

/*MENU FIXE*/
.header-content{

    width: 1024px;
    height: 124px;
    padding-top: 10px;
    margin:auto;
}
h1{
    font-family:"colaborate-thinregular";
    font-size: 45px;
    color:#EC6906;
    line-height: 0.9;
}
/* titre bannière pour public cible */
.public-cible{
font-size: 30px;
color:#333;


}
/* navigation */

nav {

    display: inline-block;
    width: 350px;
    list-style: none;
    height: 15px;
}


.header nav ul li{

    margin-top: -25px;
    border:1px solid red;
}
nav li{
    display: inline;
    margin-right: 25px;
    font-family:"colaborate-thinregular";
    font-size: 1.1em;
}
nav li a{
    color:#333333;
    text-decoration: none;
}
 nav li a:hover, #menu_principal li .active{
    color:#f37121;
    border-bottom: 1px solid #EC6906;
}
#menu_principal li:hover #sous_menu{
    display: inline;
}
/* navigation 2  : se connecter et contact*/

.menu-2{
float: right;
margin-top: -48px;
margin-right: -135px;


}

.menu-2 li a:hover{
color: #fff;
    border-bottom: 0px solid #EC6906;

}
.btn-orange{

    display: inline-block;
    background-color:#EC6906;
    height: 35px;
    width: 110px;
    margin-left: -3px;
}
.btn-orange a{
    display: inline-block;
    color:#ffffff;
    text-align:center;
    height: 35px;
    width: 110px;
    line-height:200%;


}
.btn-gris{
display: inline-block;
    background-color: #333;
    height: 35px;
    width: 110px;
    margin-right: 0px;
}
.btn-gris a{
    display: inline-block;
    color:#ffffff;
    text-align:center;
    height: 35px;
    width: 110px;
    line-height:200%;

    }
.btn-gris a:hover{
    background-color: #444;
    text-decoration: none;

    }
.btn-orange a:hover{
    background-color: #FA8834;

    }


header .sociaux{
    width: 150px;
    margin-right: 200px;
    position: relative;
    top: -98px;
    right: -230px;
    display: inline-block;

}
.tel-num{
    float: right;
    margin-top: -5px;
    font-size: 13px;
}
.sociaux img
{
    margin-right: 5px;
}

header .sociaux a:hover{
    opacity:0.8;
}
#langue-form{
    width: 170px;
    float: right;
    margin-top:-130px;
    height: 25px;
    float: right;

}
#menu {
margin-right:300px;
padding-left:10px;
}

#menu ul {
list-style-type:none;
text-align:left;
}
#menu li {
display:inline;
float:left;
margin:0px;
padding:0px;
}

#menu li a {
display:block;
color:black;
text-decoration:none;
padding-top:1px;
padding-left:3px;
margin-right:18px;
}
#menu li a:hover {
color:#f37121;
}
#menu ul li ul {/*sous-menu*/

display:inline;
width:50px;
}
#menu ul li:hover ul {
display:inline;
width:100px;
}
#menu li:hover ul li {
display:inline;
border-bottom: 0px;
}
#menu ul li ul li a { /* Sous menu syle **/
		 height:20px;
		background-color:#F8F8F8;/*couleurs gris pour le bandeau du sous-menu*/
        display:inline-block;
        text-align:right;
}

/*Sou menu 3 choix*/

#sous_menu
{
    background-color: #F0F0F0;
    text-align:center;
    padding:20px;
    margin-top:20px;
}

#sous_menu li
{
    text-align:left;
    width:205px;
    display:inline-block;
}

#sous_menu li a
{
    color:#888;
    font-family: "titillium_weblight", verdana, sans-serif;
    text-decoration:none;
}

#sous_menu li a:hover
{
    color:#555
   
}


.sous
{
    margin-right:184px;
}
.bar1
{
    display: inline-block;
    margin-left: 40px;
    margin-right: 10px;
}
.bar2
{
    display:inline-block;
    margin-left:40px;
}
.images
{
    z-index:3;
    height:14px;

}
.image
{
    height:14px;
    margin-left:104px;
}

.images .image{
margin-top:18px;
}

.active
{
    color:#f37121!important;
}
header .menuCSS{
    width: 700px;
}

#systeme{
float:right;
}
.centre{
    width: 1024px;
    margin: auto;
    height:600px;
}
.bg1 {

 background: url("images/header.jpg") no-repeat center center;
 margin-top: -5px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');

}
.bg1 h1{
    padding-top: 170px;
    width: 400px;
    margin-bottom: 15px;
}
.bg1 p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
}
/* 4 Infos tableaux page home */

table{

    width:1024px;
    margin: auto;
    margin-top: 50px;
}

/* Ligne avec 4 picto */
.picto-caracteristiques{
padding-top: 20px;
padding-bottom: 20px;


}

.picto-caracteristiques td
{
    text-align: center;
}


/* 2eme ligne TR ,ligne titres orange, class pour les td */
 .titre-orange{
    color: #f37121;
    font-family: "colaborate-thinregular";
    font-size: 1.4em;
    text-align: center;
    padding-top: 10px;
 }

 .descrption-caracteristiques td{

 color: #444;
    font-size: 0.95em;
    line-height: 1.3;
    padding: 0 20px;
    padding-top: 10px;
    width: 260px;
    text-align: justify;
 }

/* 1er bandeeau POUR CHANTIER */

.bg2{
    margin-top:50px;

 background: url("images/ban-chantier.jpg") no-repeat center center;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');

}


.bg2 h1{

   margin-bottom: 15px;
    margin-right: -60px;
    margin-top: 20px;
    width: 400px;

}

.bg2 p{
    width: 400px;
    line-height: 140%;
    font-size: 16px;
    clear: both;
}



.infos-ban-droite{
  border: 0px solid red;
    float: right;
    height: 310px;
    margin-right: -170px;
    margin-top: 400px;
    width: 500px;

}

/* 2eme bandeeau POUR EQUIPES MOBILES */



.bg3{


 background: url("images/ban-equipes-mobiles.jpg") no-repeat center center;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');

}


.bg3 h1{

   margin-bottom: 15px;
    margin-right: -60px;
    margin-top: 20px;
    width: 400px;

}

.bg3 p{
    width: 400px;
    line-height: 140%;
    font-size: 16px;
    clear: both;
}

.infos-ban-gauche{
  border: 0px solid green;
    float: left;
    height: 300px;
    margin-right: -150px;
    margin-top: 190px;
    width: 500px;

}

.infos-ban-gauche button, .infos-ban-droite button{
    margin-top:15px;
    border-radius: 0 0 0;
    background-color: #F37121;
    border:none;
    color:#fff;
    width:175px ;
    height:35px;
    font-size: 1em;

}


.infos-ban-gauche button:hover, .infos-ban-droite button:hover{

    background-color: #FA8834;


}



/* 3eme bandeeau POUR MATERIEL */

.bg4{


 background: url("images/ban-materiel.jpg") no-repeat center center;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');

}


.bg4 h1{

   margin-bottom: 15px;
    margin-right: -60px;
    margin-top: 20px;
    width: 400px;

}

.bg4 p{
    width: 400px;
    line-height: 140%;
    font-size: 16px;
    clear: both;
}


.infos-ban-droite{
  border: 0px solid red;
    float: right;
    height: 300px;
    margin-right: -150px;
    margin-top: 180px;
    width: 500px;

}

.infos-ban-droite2{
 border: 0 solid red;
    float: right;
    height: 300px;
    margin-right: -150px;
    margin-top: 180px;
    width: 500px;

}


.infos-ban-droite2 button {
    background-color: #f37121;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    height: 35px;
    margin-top: 15px;
    width: 175px;
}

/*FOOTER*/

footer{
    height: 180px;
    width: 100%;
    background-color:#333;
    color: #fff;
       clear: both;
       position: relative;
       z-index: 10;

}


.centre-footer{
    width: 1024px;
    height: 180px;
    margin:auto;

}

.adresse, .newsletter, .infos-copy{
float: left;
width: 300px;
height: 110px;
margin-right: 15px;
margin-top: 35px;
border-right: 1px dotted grey;
font-family: "colaborate-thinregular";
}




.made-belgium{
float: left;
width: 315px;
line-height: 120%;
margin-top: 35px;
height: 110px;
margin-right: 10px;
border-right: 1px dotted grey;

}
.made-belgium img{
    float: left;


}
.made-belgium p{
    font-size: 15px;
float: right;
width: 200px;
padding-right: 10px;
font-family: "colaborate-thinregular";
}

.adresse address{
display: inline-block;
font-size:15px;
line-height: 1.3;
margin-right: 50px;
margin-left: 10px;
padding-bottom: 10px;

}

.adresse{
margin-top: -65px;

}


em{
font-weight: bold;
}


.newsletter{
float: left;
width: 300px;
height: 110px;
margin-right: 15px;
margin-top: 35px;
border-right: 1px dotted grey;
font-family: "colaborate-thinregular";
}

.newsletter p:first-child{
    margin-top: -1px;
font-size: 30px;
}
.newsletter p{
font-size: 15px;
margin-bottom: 7px;

}

footer input[type="email"], footer input[type="submit"]
{
    display: inline-block;
    vertical-align: top;
}


footer input[type="email"] {
    height: 35px;
    width:190px;
    border: none;

}

footer input[placeholder] {
    padding-left: 10px;
    font-size: 14px;
    color:#666;

}


/*bouton footer newsletter*/
footer input[type="submit"] {
    padding-bottom: 5px;
    border-radius: 0 0 0;
    background-color: #F37121;
    border:none;
    color:#fff;
    width:90px  ;
    height:36px;
    font-size: 15px;
    cursor: pointer;
    font-family: "titillium_weblight";
    margin-left: -4px;
}

/*bouton footer newsletter*/
footer input[type="submit"]:hover {
    background-color: #FA8834;
}


/* champ nerwsletter*/
footer input[type="email"]{
padding-top: 0px;

}

footer a img:hover{
opacity: 0.7;
}

.infos-copy{
margin-top: 100px;
}



.infos-copy p{
margin-top:10px;
line-height: 1.2
}
.infos-copy a{
margin-top:50px;
margin-right: 12px;
line-height: 1.2
}

footer div:last-child{
border:none;
height: 70px;

}

footer div:last-child p{
margin-top: 5px}



/*******page chantier********/


/*GENERAL*/

 .float-droite{   /* float PAGE CHANTIER*/
    float:right;
}
 .float-gauche{
    float: left;
    display: inline-block;
    width: 250px;
}



/*1er bandeau¨PRESENTATION ban chantier*/
.bg1-chantier{

     margin-top: -5px;
    background: url("images/ban-page-chantier.jpg") no-repeat center center;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');

}

.bg1-chantier h1{

    width: 400px;
    margin-bottom: 15px;
}

.bg1-chantier p{
    width: 300px;
    line-height: 140%;
    font-size: 16px;

}

.bg1-chantier .float-gauche{
       font-size: 16px;
    line-height: 140%;
    margin-top: 135px;
    width: 340px;
    display: inline-block;

}




/* 1er bandeau vue présences chantier*/

.bg2-chantier{
height: 600px;
}

.bg2-chantier h1{
    padding-top: 90px;
    width: 400px;
    margin-bottom: 15px;
}

.bg2-chantier p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
}


.bg2-chantier .float-droite img{
    margin-top:45px;
}

.bg2-chantier li{
    height: 45px;
   width: 380px;
   line-height: 120%;
   margin-bottom: 3px;
}




.bg2-chantier ul {
    margin-top: 15px;
    width: 245px;
    height: 40px;
}


.bg2-chantier ul img{       /* 3 img icones de la liste */
    clear: both;
    float: left;
    margin-right: 15px;
}






/* 2eme bandeau: suivi alerte*/

.bg3-chantier{              /* fond gris clair*/
    background-color: #F0F0F0;
    height: 600px;

}

.bg3-chantier h1{       /* titre */
    padding-top: 100px;
    width: 350px;
    margin-bottom: 15px;
    color:#fff;

}

.bg3-chantier p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
    color:#fff;

}

.bg3-chantier .float-droite{   /*  pavé orange avec texte*/
    margin-top:45px;
    background-color:#EC6906;
    width: 378px;
    height: 470px;
    border-left: none;
    padding: 20px;

}

.bg3-chantier img{  /* photo iphone alerte*/
    margin-top:45px;
}



/* 3eme bandeau rapports professionnels*/

.bg4-chantier{
height: 600px;
}

.bg4-chantier h1{
    margin-top: 100px;
    width: 400px;
    margin-bottom: 15px;
}

.bg4-chantier p{
    width: 320px;
    line-height: 140%;
    font-size: 16px;
}


.bg4-chantier ul{
margin-top: 15px;
 width: 265px;

}

.bg4-chantier li{ /* 2 point de la liste */
 float: right;
    height: 25px;
    line-height: 120%;
    margin-bottom: 20px;
    width: 210px;
    display: inline-block;
}

.bg4-chantier .float-gauche{ /* text a gauche de monsieur rapport*/
    width: 245px;
}
.bg4-chantier .float-gauche hr{ /* text a gauche de monsieur rapport*/
    width: 285px;
}


.bg4-chantier .float-gauche img{ /* 2 icone img*/
    margin-bottom: 30px;
}

.bg4-chantier .float-droite img{ /* photo monsieur rapport*/
    margin-top: 45px;

}




/* 4eme bandeau:Analyser vos activités*/

.bg5-chantier{              /* fond gris clair*/
    background-color: #F0F0F0;
    height: 600px;

}

.bg5-chantier h1{       /* titre */
    padding-top: 100px;
    width: 390px;
    margin-bottom: 15px;
    color:#fff;

}

.bg5-chantier p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
    color:#fff;

}

.bg5-chantier .float-droite{   /*  pavé orange avec texte*/
    margin-top:45px;
    background-color:#EC6906;
    width: 378px;
    height: 470px;
    border-left: none;
    padding: 20px;

}

.bg5-chantier img{  /* photo iphone alerte*/
    margin-top:45px;
}



/* 5eme bandeau  ONSS */

.bg6-chantier{
    height: 600px;
}

.bg6-chantier h1{
    margin-top: 20px;
    width: 418px;
    margin-bottom: 15px;
}

.bg6-chantier h2{

    width: 400px;
    margin-bottom: 15px;
    color: #fff;
    font-family: "colaborate-thinregular";
    font-size: 30px;
    line-height: 0.9;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.bg6-chantier p{
    width: 400px;
    line-height: 140%;
    font-size: 16px;
}

.bg6-chantier p:last-child{
    width: 370px;
    color:#fff;

    padding-right: 20px;
    padding-left: 20px;
}


.bg6-chantier ul{
    margin-top: 15px;
    width: 400px;
}

.bg6-chantier ul img:first-child{
    margin-bottom: 25px;

}

 .bold{
    font-weight: bold;
 }

.bg6-chantier li{ /* 2 point de la liste */
 display: inline-block;
    float: right;
    height: 25px;
    line-height: 120%;
    margin-bottom: 20px;
    width: 340px;
    margin-top: 5px;
}

.bg6-chantier .float-gauche{ /* text a gauche */
    margin-top:50px;
    width: 500px;

}
.bg6-chantier .float-droite{ /* text a droite + photo au dessus ONSS */
    margin-top:60px;
    width: 417px;
    height: 550px;
    background-color: #333;
    margin-bottom: 45px;

}


/******** PAGE EQUIPES MOBILES*********/


/*1er bandeau¨PRESENTATION ban equipes mobiles*/
.bg1-equipes{

    margin-top: -5px;
    background: url("images/ban-page-equipes.jpg") no-repeat center center;

  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');

}

.bg1-equipes h1{

    width: 400px;
    margin-bottom: 15px;
}

.bg1-equipes p{
    width: 320px;
    line-height: 140%;
    font-size: 16px;

}


.bg1-equipes .float-gauche{
      font-size: 16px;
    line-height: 140%;
    margin-top: 100px;
    width: 340px;

}
/*1er bandeau DETAILS INTERVENTUION*/


.bg2-equipes .float-droite img{
    margin-top:45px;
}

.bg2-equipes .float-gauche{ /* texte a gauche de la carte*/
    margin-top:150px;
    width: 250px;
}

.bg2-equipes h1{

    width: 400px;
    margin-bottom: 15px;
}

.bg2-equipes p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
    margin-bottom: -20px;

}




.bg2-equipes li{
    height: 50px;
   width: 310px;
   line-height: 115%;
}

.bg2-equipes li:first-child{
    margin-top: 25px;
    margin-bottom: 5px;
}

.bg2-equipes ul {
    margin-top: 40px;
    width: 245px;
    height: 40px;
}



.bg2-equipes ul img:first-child{        /* 1 er img icones de la liste */

   margin-top: -4px;
}



.bg2-equipes ul img{        /* 2 img icones de la liste */
    clear: both;
    float: left;
    margin-right: 15px;
    margin-top: -10px;
    padding-bottom: 4px;
}


.bg2-equipes ul img:last-child{     /* 3 img icones de la liste */

    margin-top: 8px;

}





/*2eme bandeau EQUIPES MOBILES alerte en temp réel*/



.bg3-equipes{               /* fond gris clair*/
    background-color: #F0F0F0;
    height: 600px;

}

.bg3-equipes h1{        /* titre */
    padding-top: 100px;
    width: 350px;
    margin-bottom: 15px;
    color:#fff;

}

.bg3-equipes p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
    color:#fff;

}

.bg3-equipes .float-droite{   /*  pavé orange avec texte*/
    margin-top:45px;
    background-color:#EC6906;
    width: 378px;
    height: 470px;
    border-left: none;
    padding: 20px;

}

.bg3-equipes img{   /* photo iphone alerte*/
    margin-top:45px;
}



/* 3eme bandeau temps de réction*/

.bg4-equipes{
    height: 600px;
}

.bg4-equipes h1{
    margin-top: 100px;
    width: 400px;
    margin-bottom: 15px;
}

.bg4-equipes p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
}


.bg4-equipes ul{
    margin-top: 25px;
    width: 245px
}

.bg4-equipes li{ /* 2 point de la liste */
    width: 190px;
    display: inline-block;
    margin-bottom: 20px;
    line-height: 120%
}

.bg4-equipes .float-gauche{ /* text a gauche de monsieur rapport*/
    width: 245px;
}
.bg4-equipes .float-gauche ul img{ /* 2 icone img*/
    display: inline-block;
}
.bg4-equipes .float-gauche img{ /* 2 icone img*/
    display: none;
}


.bg4-equipes .float-droite img{ /* photo monsieur casque planning*/
    margin-top: 45px;

}







/* 4eme bandeau:Productivité*/

.bg5-equipes{               /* fond gris clair*/
    background-color: #F0F0F0;
    height: 600px;

}

.bg5-equipes h1{        /* titre */
    padding-top: 25px;
    width: 350px;
    margin-bottom: 15px;
    color:#fff;

}

.bg5-equipes p{
  color: #fff;
    font-size: 16px;
    line-height: 140%;
    padding-top: 20px;
    width: 340px;

}

.bg5-equipes .float-droite{   /*  pavé orange avec texte*/
    margin-top:45px;
    background-color:#EC6906;
    width: 378px;
    height: 470px;
    border-left: none;
    padding: 20px;

}

.bg5-equipes img:first-child{   /* photo mobitime decalage centré*/
    margin-top:45px;
}
.bg5-equipes img{   /* icones position*/
    margin-top:35px;
}

.bg5-equipes ul img{
    clear: both;
    float: left;
    margin-right: 15px;
}
.bg5-equipes ul{
     border-top: 0 solid blue;
    height: 150px;
    margin-bottom: 20px;
    margin-top: -25px;
}



.bg5-equipes li {
    color: #fff;
    float: right;
    height: 35px;
    margin-right: 40px;
    margin-top: 45px;
    width: 280px;
    line-height: 120%;
}
hr {                    /* liste separatrice*/
    border:0;
    width: 100%;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
    margin-top: 20px;
    opacity: 0.5;

}


/* 5eme bandeau: RAPPORTS;  */

.bg6-equipes{
    height: 600px;
}

.bg6-equipes h1{
    margin-top:50px;
    width: 300px;
    margin-bottom: 15px;
}

.bg6-equipes p{
    width: 280px;
    line-height: 140%;
    font-size: 16px;
}


.bg6-equipes ul{
    margin-top: 15px;
    width: 245px
}

.bg6-equipes li{ /* 2 point de la liste */
    width: 190px;
    float: right;
    margin-bottom: 20px;
}

.bg6-equipes .float-gauche{ /* text a gauche */
    margin-top:60px;
    width: 200px;
    border: 0px solid red;
}
.bg6-equipes .float-droite img{
    margin-right: 50px;
    margin-top: 50px;


}



/******** PAGE SUIVI DE MATERIELS*********/


/*1er bandeau¨PRESENTATION ban suivi materiel*/
.bg1-materiel{


    background: url("images/ban-page-materiel.jpg") no-repeat center center;
margin-top: -5px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale')";
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://media02.hongkiat.com/oversized-background-image-design/bg.jpg', sizingMethod='scale');

}

.bg1-materiel h1{
     margin-bottom: 15px;
    width: 300px;
}

.bg1-materiel p{
    width: 300px;
    line-height: 140%;
    font-size: 16px;

}

.bg1-materiel .float-gauche{
     font-size: 16px;
    line-height: 140%;
    margin-top: 115px;
    width: 250px;

}
/*1er bandeau télécomande suivi materiel */


.bg2-materiel .float-gauche img{
    margin-top:210px;
}

.bg2-materiel .float-droite{ /* texte a gauche de la carte*/
    margin-top:180px;
    width: 550px;
}

.bg2-materiel h1{
     margin-bottom: 15px;
    width: 500px;
    z-index: 5;

}

.bg2-materiel p{
    width: 500px;
    line-height: 140%;
    font-size: 16px;
    margin-top: 30px;
}

.bg2-materiel li{
    height: 45px;
   width: 380px;
}


.bg2-materiel ul {
    margin-top: 15px;
    width: 245px;
    height: 40px;
}


.bg2-materiels ul img{      /* 3 img icones de la liste */
    clear: both;
    float: left;
    margin-right: 15px;
}




/*2eme bandeau MATERIEL PAGE Contrôlez votre stock */



.bg3-materiel{              /* fond gris clair*/
    background-color: #F0F0F0;
    height: 600px;

}

.bg3-materiel h1{       /* titre */
    color: #fff;
    margin-bottom: 15px;
    padding-top: 70px;
    width: 430px;

}

.bg3-materiel p{
    width: 390px;
    line-height: 140%;
    font-size: 16px;
    color:#fff;

}

.bg3-materiel .float-gauche{   /*  pavé avec texte*/

    border-left: medium none;
    height: 290px;
    margin-top: -513px;
    padding-left: 40px;
    width: 425px;

}

.bg3-materiel .float-droite img:first-child{    /* 1024 photo home casque*/
    margin-top: 45px;
}


.bg3-materiel ul img{   /* 1024 photo home casque*/
    margin-top: 45px;
}

.bg3-materiel li {
    color: #fff;
     height: 50px;
    width: 360px;
    line-height: 120%;
}


.bg3-materiel ul {
     margin-top: 35px;
    width: 245px;
    height: 40px;
}



.bg3-materiel ul img {
    clear: both;
    float: left;
    margin-right: 15px;
    margin-top: 1px;

}



/* 3eme bandeau alerte*/

.bg4-materiel{
    height: 600px;
}

.bg4-materiel h1{
    margin-top: 100px;
    width: 400px;
    margin-bottom: 15px;
    color: #fff;
    margin-left: 15px;
}

.bg4-materiel p{
    width: 340px;
    line-height: 140%;
    font-size: 16px;
    color: #fff;
    margin-left: 15px;
}


.bg4-materiel ul{
    margin-top: 15px;
    width: 245px
}



.bg4-materiel .float-gauche{ /* text a gauche de monsieur rapport*/
    width: 245px;


}

.bg4-materiel .float-gauche img{ /* photo monsieur casque planning*/
    margin-top: 45px;

}

.bg4-materiel .float-droite { /* photo monsieur casque planning*/
    margin-top: 45px;
    background-color: #EC6906;
    height: 470px;
    padding:20px;
}



/*******PAGE CONFIDENTIALITE********/

.ban-titre-confidentialite{

    border-top: 0px solid #f37121;
    height: 50px;
    margin-top: 20px;

}

.ban-titre-confidentialite .centre{
     margin-top: 70px;

}

.ban-titre-confidentialite h1{
    margin-top: 35px;
    font-size: 45px;
    color: #f37121;
    line-height: 1.5;
    padding-bottom: 15px;
    width: 1024px;
    margin:auto;

}

.texte-confident{
    width: 1024px;
    margin: auto;

}

.texte-confident p{
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.3;

}



.texte-confident h2:first-child{
    margin-top: 65px;


}
.texte-confident a{
    color:#333;
    text-decoration: underline;
    font-weight: bold;

}
.texte-confident h2{

    font-size: 25px;
    color: #ec6906;
    line-height: 1.5;

}


/*page contact*/

.formulaire{

    padding-top: 75px;
    height: 600px;
    width: 1024px;
    margin:auto;
}

.formulaire p{
    margin-left: 150px;
    font-size: 14px;
}

.formulaire label{
     display: block;
    width: 150px;
    float: left;

}

.etoile-rouge{
    color: red;
}

.etoile-rouge:last-child{
    color: red;
    font-size: 17px;
}
.formulaire input {
    margin-bottom: 20px;

}

.formulaire select {
    margin-bottom: 20px;

}

.formulaire input[type="submit"]{
     cursor:pointer;
     border:none;
     border-radius: none;
     background-color: #f37121;
     color: #fff;
     width: 100px;
     height:35px;
     font-family: "titillium_weblight";
     font-size: 16px;
     margin-left: 150px;
     margin-top: 15px;
}

.formulaire input[type="submit"]:hover{

    background-color: orange;

}


/*PAGE CARACTERISTIQUES*/


.mobi-face-mobile{
    display: none;
}
.mobi-dos-mobile{
    display: none;
}

.num{
    display: none;
}



.titre-systeme{
    margin-top: -80px;
    display: none;
}


.caracteristiques{
    width: 1024px;
    margin:auto;
    margin-top: 150px;
}

.caracteristiques:after{
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
    margin-bottom: 60px;
}



.caracteristiques img{   /*image mobitme centrée*/
    margin-left: 253px;
     margin-top: -420px;
     position: relative;
    z-index: -5;
    margin-bottom: 20px;
}



.caracteristiques p img{   /*image mobitme centrée*/
    margin-left: 260px;

}

/*gauche text*/
.caracteristique-gauche:first-child{
    margin-top: 150px;
}





.caracteristique-gauche{
    width: 250px;
    margin-top: 20px;

}




.caracteristiques .caracteristique-gauche p{
    width: 250px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;
}


.caracteristiques .caracteristique-gauche h2{
    margin:auto;
    font-size: 25px;
    color: #ec6906;
    width: 300px;
    margin-top:50px;

}


/*gauche text RANGEMENT*/

.caracteristique-gauche-rangement{
    margin-top: 150px;
    width: 250px;
}



.caracteristiques .caracteristique-gauche-rangement p{
    width: 240px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;
}


.caracteristiques .caracteristique-gauche-rangement h2{
    margin:auto;
    font-size: 25px;
    color: #ec6906;
}




/*gauche text GPS*/

.caracteristique-gauche-gps{
    width: 250px;
    margin-bottom: 115px;
    margin-top: 45px;

}


.caracteristiques .caracteristique-gauche-gps p{
    width: 250px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;
}


.caracteristiques .caracteristique-gauche-gps h2{

    font-size: 25px;
    color: #ec6906;
    margin-top: -15px;
}

.caracteristiques-gauche img{   /*image mobitme centrée*/
     position: relative;
    z-index: -5;
}





/*RObustesse*/


.caracteristique-gauche-robustesse{
    width: 250px;
    margin-bottom: 35px;
    margin-top: 45px;

}
.caracteristiques .caracteristique-gauche-robustesse p{
    width: 250px;
    margin-top:15px;
    margin-bottom: -5px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;
}


.caracteristiques .caracteristique-gauche-robustesse h2{

    font-size: 25px;
    color: #ec6906;
    margin-top: -15px;
}

/*droite text*/


.caracteristique-droite{
    width: 250px;
    margin-top: -315px;
    float: right
}
.caracteristique-droite a{
    color:#333;
}

.caracteristique-droite a:hover{
    color:#666;
}
.caracteristiques .caracteristique-droite p{
    width: 250px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;
}


.caracteristiques .caracteristique-droite h2{
    margin:auto;
    font-size: 25px;
    color: #ec6906;
}




/*DROITE 2*/
.caracteristique-droite-2{

    float: right;
    margin-right: 1px;
    margin-top: -85px;
    width: 250px;
}

.caracteristique-droite-2 h2{

    font-size: 25px;
    color: #ec6906;
}

.caracteristique-droite-2 p{
    width: 250px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;
}




/*2eme bandeau -mobi de dos - droite text*/




.caracteristique-droite3:first-child{
    margin-bottom: -60px;
    margin-top: 150px;
    border:1px solid red;

}

.caracteristique-droite3{
    width: 250px;
    margin-top: -150px;
    float: right;
}



.caracteristiques .caracteristique-droite3 h2{
    margin:auto;
    font-size: 25px;
    color: #ec6906;
    margin-top: -118px

}


.caracteristiques .caracteristique-droite3 p{
    width: 250px;
    height: 100px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    margin-top: 15px;

}



/*DROITE 4 raccord electrique*/
.caracteristique-droite-4{

    float: left;

    margin-right: 1px;
    margin-top: -90px;
    width: 250px;
}

.caracteristique-droite-4 img{

    margin-left: 300px;


}

.caracteristique-droite-4 h2{

    font-size: 25px;
    color: #ec6906;
}

.caracteristique-droite-4 p{
    width: 250px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;
}



.batterie-photo{
    /*margin-left: 170px;*/
    margin-top: 70px;
    display: inline-block;
    position: relative;
}

.batterie-photo img
{
    margin-left: 0 !important;
    top: 80px;
}

.batterie-legend{
    margin-right: 420px;
    width: 200px;
    float: right;
    color: #666;
    padding-top:30px;
}

/*milieu*/
.caracteristique-milieu{
    float: right;
    margin-bottom: 50px;
    margin-right: 245px;
    margin-top: -37px;
    width: 250px;
    display: inline-block;

}

.caracteristique-milieu h2{

    font-size: 25px;
    color: #ec6906;
}

.caracteristique-milieu p{
    width: 250px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;

}

.espacement{
    height: 170px;
}



.caracteristique-milieu-2{
    float: right;
    margin-bottom: 50px;
    margin-top: -15px;
    width: 250px;
}
.caracteristique-milieu-2 h2{
    font-size: 25px;
    color: #ec6906;
}

.caracteristique-milieu-2 p{
    width: 250px;
    margin-top:15px;
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    font-family:"titillium_weblight";
    width: 250px;

}
.ban-titre-confidentialite{
    border-top: none;
    height: 50px;
    margin-top: 20px;

}

/*********  PAGE CONTACT PC ***********/
.texte-contact{  /*container centré */
    width: 1024px;
    margin:auto;
}

#close{
    position: absolute;
    right: 10px;
    top: 10px;
}

.rouge{
    color: red;
    font-size: 16px;
}

.gras{
    font-weight: bold;
}

.text-infoscontact{
    line-height: 188%;
}

.text-infoscontact h1{
    font-size: 18px;
    font-weight: bold;
    color: #052f46;
    margin-bottom:3px;
}


.dialog-message{
    display: inline-block;

}


/* mot des champs */
.texte-contact label{
    width: 85px;
    display: inline-block;
     margin:15px;
}
/* champs */
.texte-contact input[type="text"]{
    width: 460px;
    height: 25px;
    background-color: #F8F8F8;
    border:none;
    padding-left: 10px;
    border: 1px solid #EBEBEB;
}
.texte-contact input[type="email"]{
    width: 460px;
    height: 25px;
    background-color: #F8F8F8;
    border:none;
    padding-left: 10px;
    border: 1px solid #EBEBEB;
}
.texte-contact input[type="tel"]{
    width: 460px;
    height: 25px;
     background-color: #F8F8F8;
    border:none;
    padding-left: 10px;
    border: 1px solid #EBEBEB;
}

.texte-contact textarea{
    min-width: 580px;
    height: 155px;
    margin-left: 15px;
    max-width: 980px;
    background-color: #F8F8F8;
    border:none;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #EBEBEB;
}



.contact-infos img{
    float:left;
    margin-right: 20px;
}

.text-infoscontact{
    width: 700px;
    margin-top: 50px;
    margin-bottom: 50px;
}

#dialog-box{   
    background-color: #eee;
    position: fixed;
    top: 5px;
    z-index: 5000;
    display: none;
    width: 350px;
    height: 670px;
    padding-left: 50px;
}

#dialog-box .dialog-content{
    text-align: left;
    padding: 10px;
    margin: 13px;
    color: #666;
    font-family: arial;
    font-size: 11px;
    
}
#dialog-box .dialog-content p{
   margin-top: 20px;
   font-size: 15px;

}

.titre-formulaire{
    font-size: 30px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom:1px solid #ccc;
}

input.button{
    margin: 0px auto 30px 490px;
    text-align:center;
    display: block;
    padding: 7px 23px;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    line-height: 1;
    background-color: #f37121;
    position: relative;
    cursor: pointer;
    border:none;
    font-family: 'colaborate-thinregular';

}
#favobligatoire{
    font-size: 14px;
}

input.button:hover{
   background-color: #FA8834;
}

#dialog-box label
{
    text-align: left;
    color: #666;
    font-family: arial;
    font-size: 15px;
    margin-right: 20px;
    margin-bottom: 15px;
    display: inline-block;
    width: 60px;
}

.ariane{
    display: block;
    width: 1024px;
    margin: auto;
    padding-top: 75px;
}

.ariane a{
   color: #afafaf;
   margin-right: 5px;
   margin-left: 5px;
   text-decoration: none;
}
.ariane a:hover{
   color:#EB6806 ;
}

.infos-contact{
    margin:10px 0px 10px 0px;
}


.infos-contact:last-child{
    margin-bottom: 20px;
}


/*trucs à cacher sur la version pc*/

.bg1 img {
    display: none;
}
.centre hr{
    display:none;
}




.presentation-chantier{
    display: none;
}

.homme-mobile{
    display: none;
}
.alerte-sms{
    display: none;
}

.tasse{
    display: none;
}

.tablette{
    display: none;
}
.construbadge{
    display: none;
}

        .presentation-equipes{
            display: none;
        }
.homme-pc-equipes{
    display: none;
}

.sms-equipes{
    display: none;
}

.homme-casque{
    display: none;
}

.mobitime-productivite{
    display: none;
}

        .materiel-presentation{
            display: none;
        }
.scan{
    display: none;
}
.controle-stock{
    display: none;
}

.alerte{
    display: none;
}


.numero-system{
     display: none;
}

.gotop{ 
    display: none;
}

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

header{
    width: 1024px;
    overflow-x:hidden;
}



#dialog-overlay{
width: 100%;
padding: 0;
margin:0;
}

footer, body{
    width: 100%;

}

.infos-ban-droite{
    width: 200px;
    margin-right: 230px;
}
.infos-ban-gauche{
    margin-left: 30px;
}

.menu-2 {
    margin-right: -135px;

}

header .sociaux{
    position: relative;
    right: -100px;
}


.header-content{
    width:768px;
    margin: auto;
}


.header-content, .bg1, .bg3{
width: 100%;
}

.image{
display:none;
}


}/*fin smartphone 768 width*/

/***************** SMARTPHONES ***********************/
@media only screen and (max-width:480px) {

.ariane{
    display: none;
}

html {
    overflow-x: hidden; 
}

body{
    max-width: 100%;
    margin:0;
    padding-right:0;
    overflow-x: hidden;
}
.image{
    display:none;
}

#sous_menu{
    width: 100%;
}

/********** contact page mobile **********
*******************************************/
#dialog-box{

    width: 100%;
    height: 550px;
    margin:auto;
    position: absolute;
    top:5px;
}

#dialog-box .dialog-content{
    padding: 0;
    width: 260px;
        
}
/*taille input mobile 25px*/

#dialog-box .dialog-content input[type="text"]{
 height: 25px;
 margin-top: 2px;
        
}

#dialog-box .dialog-content input[type="tel"]{
 height: 25px   ;
  margin-top: 2px;
}

#dialog-box .dialog-content input[type="email"]{
 height: 25px;      
}


.dialog-content #message{
    height: 60px;
    width: 240px;  
}

.dialog-content input.button{
    margin:auto;
    width: 150px;
    margin-top: -15px;
    height: 35px;
}

/********** FERMER POPUP mobile version **********/
#close {
    position: absolute;
    right: 60px;
    top: 10px;
}


#dialog-box .dialog-content p {
    font-size: 15px;
    margin-top: 5px;
}



.numero-system{
    border: 1px solid #ec6906;
    border-radius: 20px;
    color: #ec6906;
    display: block;
    font-size: 20px;
    height: 30px;
    line-height: 130%;
    margin: auto auto 20px;
    text-align: center;
    width: 30px;

}
.mobi-dos-cacher{
    display: none;
}

.mobidos{
     display: none;
}


/*MENU MOBILE horiontal 2 utilisation et syustem*/
#menu li  {
    color: black;
    display: block;
    text-decoration: none;
    width: 100%;   
    height: 38px;

}

#menu li a {
    color: black;
    display: block;
    margin-left: -10px;
    text-decoration: none;
    width: 100%;
    font-size: 20px;
   
}

.caracteristique-milieu{
    display: block;
    margin-top: 30px;
    margin-right: 50px;
}


/*bouton newsletter submit relook pour safari mobile*/

footer input[type="submit"] {
 -webkit-appearance: none;
 width: 80px;
}

/*zone HEADER avec les 2 menus, logo */

header{
    width: 100%;  
}

 .header-content{
    background-color: #fff;
    height: 264px;
    margin-top: 0px;
    width: 100%;  
}

header #menu{
    width: 100%;
}

.header-content a img{  /*le logo mobitime*/
    width:89px;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 50px;
    margin-left: 39%;
}

#langue-form {

    display: none;
}

.titre-systeme{
    display: none;
}



.centre{
    width:320px;
    height: 200px;
}
.centre img{
    display:block;
}

/*NAV vertical*/
nav{
    width:100%;
    display: block;
    border:0px solid red;
    margin-left: 0px;
    height: 20px;
    float: none;
}

nav ul li{
    display: block;
    height: 35px;
    text-align: center;
    line-height: 180%;

}
nav ul li a{
    display: block;
    height: 35px;
    border-top:1px solid #e6e6e6;
    text-align: center;
    line-height: 180%;
}

nav ul li a:hover{
    border-bottom:0px solid #e6e6e6;
    
}


nav ul li:last-child{
    border-bottom:1px solid #e6e6e6;
}



header .menuCSS{
    width: 500px;
}

/*NAV horizontal se connecter - contact*/


.menu-2{
    position: absolute;
    top: 48px;
    height: 40px;
}

.ul-menu-2{
    width: 100%;
}


.btn-orange{
    margin-top: -36px;
    background-color:#EC6906;
    height: 40px;
   width: 50%;
    margin-top: 0px;
    margin-right: 0; 
}

.btn-gris{
    float: left;
    background-color: #333;
    height: 40px;
    width: 50%;
     margin-right: 3px;
    

}

.btn-orange a{
    color:#ffffff;
    display: inline-block;
    border: none;
    line-height: 210%;
}

.btn-gris a{
    display: inline-block;
    color:#ffffff;
    border: none;
    line-height: 210%;
   
    }

.btn-gris a:hover{
    background-color: inherit;
    text-decoration: none;
    border: none;
    }

.btn-orange a:hover{
    background-color: inherit;
    width: inherit;
    }







table{
    display: none;
}

/*zone horizontal */
.bg1, .bg2, .bg3, .bg4{
    background-image: none;
}
 /*INTRO HOME SMARTPHONE*/


.bg1 .titre-home{
    margin-top: -160px;

}


.bg1 h1{
  display: inline-block;
    font-size: 30px;
    height: 50px;
    line-height: 110%;
    margin-top: -160px;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}

.bg1 p{
    width:85%;
    margin:auto;
    padding: 15px;
    background-image: none;
    text-align: justify;
    margin-left: 0;
    background-color: #fff;
    margin-top: 275px
}


/*********** 3 zones Public cible *********/



 h1 .public-cible {
    font-weight: bold;
    width: 85%;
    margin: auto;
    font-size: 20px;
    margin:auto;
     width: 85%;
 }
/***** ZONE CHANTIER *****/
.infos-ban-droite{
    background-color: #F7F7F7;
    width: 180px;
   margin-top:270px;
    padding: 10px 0px 10px 0px;
    float: none;
    height: 315px;
}




 .bg2-chantier .centre h1:first-child {
    margin-top: 0;
}

 .infos-ban-droite img{  /*Icone casque - chantier*/
    margin:auto;
    margin-top:15px;
    margin-bottom: 15px;


}
.infos-ban-droite button{  /*BOUTON "plus d'infos"*/
margin: auto 72px;
}

.infos-ban-droite p{
    width: 280px;
    padding: 10px;
    float: none;
}




.infos-ban-droite2{
    background-color: #F7F7F7;
    width: 320px;
   margin-top:340px;
    padding: 10px 0px 10px 0px;
    float: none;
    height: 335px;
}

 .infos-ban-droite2 img{  /*Icone casque - chantier*/
    margin:auto;
    margin-top:15px;
    margin-bottom: 15px;


}
.infos-ban-droite2 button{  /*BOUTON "plus d'infos"*/
    margin: 0px 72px;
}
.infos-ban-droite2 button {
    background-color: #f37121;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 1em;
    height: 35px;
    margin-top: 15px;
    width: 175px;
}


.infos-ban-droite2 p{
    width: 280px;
    padding: 10px;
    float: none;
}





.bg2 h1{
    width:100%;
    margin:auto;
    text-align: center;
    margin-left: 2px;
}
.bg2 p{
    background-image: none;
    width:100%;
    padding:15px;
    margin:auto;
}
/***** ZONE EQUIPES MOBILES *****/
.infos-ban-gauche{
    width: 320px;
    margin-top: 150px;
    float: none;
    height: 150px;
    margin-right: -50px;
     padding: 10px 0px 10px 0px;

}
 .infos-ban-gauche img{  /*Icone casque - chantier*/
    margin:auto;
}

.infos-ban-gauche button{  /*BOUTON "plus d'infos"*/
    margin :10px 72px;
}

.infos-ban-gauche p{
    width: 280px;
    padding: 10px;
    float: none;
}
.bg3 h1{
    width:95%;
    margin:auto;
    text-align: center;
}
.bg3 p{
    background-image: none;
    width:90%;
    margin:auto;
}

/***** ZONE SUIVI DE MATOS *****/


.bg4{
    margin-top: -250px;
    margin-bottom: 140px;
    padding-bottom: 25px;
}

.bg4 h1{
    width:95%;
    margin:auto;
    text-align: center;
}
.bg4 p{                             /* BG2 = CHANTIER */
    background-image: none;
    width:90%;
    margin:auto;

}


header .sociaux{
    display: none;
}


 
 #langue-form {
   
 width: 50px;

}


/**********FOOTER SMARTPHONE **********/
.gotop{ 
    display: block;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 15px;
    width: 45px;
}
footer, .centre-footer{
    height: 480px;
    clear: both;
    margin-top: -35px;
    display: inline-block;
}

footer .made-belgium p{
    width: 200px;
    float: left;
    text-align: justify;
    margin-left: 10px;
}

footer div:last-child {
    border: medium none;
    height: 0px;
}
footer .made-belgium{
    width: 100%;
    margin:auto;
    border-right: none;
    border-bottom: 1px dotted grey;
    padding-top: 15px;
    margin-top: 10px;
    background-color:#333;
    height: 110px;
}

footer .newsletter{
    width: 85%;
    height: 120px;
    margin:auto;
    border: 0px 0px 1px 0px;
    padding:15px;
    border-bottom: 1px dotted grey;
    border-right: 0 none;
}


footer input[type="email"] {
    width: 180px;
}

footer .adresse{
    width: 300px;
    margin:auto;
    border-right: none;
    padding:15px;
    margin-top: -95px;
    border-bottom: none;
}

.footer .newsletter p  {

    width:290px;
}
.adresse p  {
    padding-top: 15px;

}


.infos-copy .adresse p  {
    width: 95%;
    font-size: 15px;
}
/*PAGE CHANTIER - smartphone*/

.float-droite, .float-gauche{
    float: none;
    display: block;
    width: 100%;
}

/***********ZONE presentation page chantier**********/
.bg1-chantier .float-gauche{
     float: none;
    margin-top: 130px;
    width: 320px;

}

.bg1-chantier p {

    width: 320px;
    padding: 0px 15px 0px 15px;
}

.bg1-chantier{
    width: 320px;
    background: none;
    padding: 15px;
    margin: auto;
    margin-top: -150px;
    text-align: center;
}

.bg1-chantier .centre h1{
    width: 100%;
    text-align: center;
     margin-top: 20px;

}

 .bg1-chantier p{
    margin-top: 15px;
    width: 85%;
}

.bg1-chantier .centre img{  /*picto casque*/
    margin:auto;
}

 .presentation-chantier {   /*IMAGE PRESENTATION PAGE CHANTIER*/
    width: 100%;
    float: none;
    clear: both;
    margin-top:155px;
    display: block;
}



/* mobile : 1er photo 100% matériel page*/
.materiel-presentation{
    clear: both;
    float: none;
    position: absolute;
    width: 100%;
    z-index: 500;
    margin-left: -20px;
}

.presentation-equipes{
    clear: both;
    float: none;
    margin-left: -20px;
    position: absolute;
    width: 100%;
    z-index: 500;
    margin-bottom: 20px;
    display: inline-block;
}
.bg1 img{
    margin-left: -20px;
    position: absolute;
    width: 100%;
    z-index: 200;
   
}



/***********ZONE HOMME présences sur vos chantiers**********/


/***********cache img de l homme pour version pc***********/
.homme-mobile {
    margin-left:20px;
    display: inline;
}

.bg2-chantier .float-droite img {
    display: none;
}
.bg2-chantier h1{
    width: 290px;
    margin:auto;
    font-size: 30px;
    line-height: 120%;
    padding: 15px;

}
.bg2-chantier p{
    width: 300px;
    margin: auto;
    padding: 10px 15px 0px 15px;
}
.bg2-chantier li {

     width: 240px;
     margin-left: 50px;
     margin-bottom: 15px
}

.bg2-chantier  {
      width: 230px;
}

.bg2-chantier ul img {
    margin-left: 15px;
    margin-bottom: 15px
}

/*********** ZONE ALERTE IPHONE * *****/


/*********** cache img de l'iphone pour version smartphone* ***********/


.bg3-chantier{
    background-color: #fff;
}


.bg3-chantier .float-gauche img {
    display: none;
}
.bg3-chantier .float-droite {
    background-color: #ec6906;
     padding: 0;
    height: 500px;
    width: 320px;
    margin-top:230px;
}
.bg3-chantier h1{
    width: 290px;
    margin:auto;
    padding-top: 10px;
    font-size: 35px;
    margin-bottom: 10px;
}

.bg3-chantier p{
    width: 270px;
    margin:auto;
    text-align: justify;
    margin-left: 15px

}
.bg3-chantier .float-droite  h1 {
    margin-top: 10px;
}

/***********ZONE (tasse) Générez des rapports ********/

/***********cache img de la tasse pour version smartphone***********/
.bg4-chantier .float-droite img {
    display: none;
}
.bg4-chantier img:first-child {
    margin-top: -100px
}

.bg4-chantier h1{
    margin-top:5px;
    width: 280px;
    padding:15px 0px 0px 15px;
    font-size: 35px;
}

.bg4-chantier p{
    width: 270px;
     margin-bottom: 45px;
     text-align: justify;
    margin-left: 15px
}


.bg4-chantier ul {
    margin-top: 55px;
    width: 285px;
}


.bg4-chantier li {
  margin-top: -70px;
    width: 220px;

}
.bg4-chantier ul img {
  margin-left: 15px
}

/***********ZONE (tablette) Analysez vos activités********/


/***********cache img de la tablette pour version smartphone***********/
.bg5-chantier .float-gauche img {
    display: none;
}

.bg5-chantier {
    background-color: #fff;
    height: 480px;
}
.bg5-chantier img {

    margin-top: -70px;
}

.bg5-chantier .float-droite {
    width: 320px;
    margin-top: 165px;
    padding: 0;
    height: 500px
}

.bg5-chantier h1 {
    padding-top: 20px;
    width: 290px;
    padding:20px 15px 0px 15px;
    font-size: 35px;

}
.bg5-chantier p {
    width: 270px;
     margin-bottom: 45px;
     text-align: justify;
     margin-left: 15px;
     display: inline-block;


}

/***********ZONE LEGSLTATION - CONSTRUBADGE********/
.bg6-chantier .float-droite{
    background-color: #ec6906;

}

.bg6-chantier .float-gauche{ /* text a gauche */
    margin-top:290px;
    width: 500px;

}
.bg6-chantier h1{
    padding:15px 15px 0px 15px;
    font-size: 35px;
    width: 300px;
}
.bg6-chantier h2{
    padding:15px 15px 0px 15px;
    font-size: 35px;
    width: 300px
}

.bg6-chantier p {
    line-height: 140%;
    width: 250px;
    padding:15px 15px 0px 15px;
}


.bg6-chantier ul{
    float: left;
   width: 300px;
   margin-top: 30px;
   margin-bottom:-50px;

}

.bg6-chantier li{
    float: right;
    display: inline-block;
    width: 230px;
    line-height: 120%;
    margin-bottom: 20px;
    margin-top: -60px;
}


.bg6-chantier ul img {
    margin-left: 10px;
    margin-bottom: 30px;
}

.bg6-chantier .float-droite {
    width: 320px;
    float:right;

}

.bg6-chantier .float-droite img {
    width: 320px

}



.bg6-chantier p:last-child {
    width: 270px;
}



.bg6-chantier h1 {
    margin-top: -250px;
}


/******** PAGE EQUIPES MOBILES **********/

 .presentation-equipes { /*IMAGE PRESENTATION PAGE equipes*/
    clear: both;
    display: block;
    float: none;
    width: 100%;

}
/********* PRESENTATION EQUIPES ***********/
.bg1-equipes{
    background-image:none;
}
.bg1-equipes .float-gauche {
    width: 320px;
    margin-top: 5px;

}

.bg1-equipes h1 {
    width: 250px;
    margin: auto;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}
.bg1-equipes img:first-child {
   margin:auto;
   width: 32%;
   margin-bottom: 15px;
}


.bg1-equipes p {
    width: 300px;
    margin: auto;
    margin-bottom: 15px;
}

/********* monsieur ***********/


.centre .h1-intervention:first-child {
    margin-top: 85px;
}

.bg2-equipes .float-gauche h1{
    padding-top: -70px;
    display: inline-block;
    clear: both;

}
.centre .titre-chantier{
     margin-top: 20px;
}

.bg2-equipes .float-droite {
    display: none;
}

.bg2-equipes h1 {
   font-size: 35px;
    margin-top: 100px;
    padding: 0 15px;
    width: 290px;

}
.bg2-equipes p {
    padding: 8px 15px 0px 15px;
    margin: auto;
    width: 260px;

}

.bg2-equipes li {
    height: 50px;
    line-height: 115%;
    width: 270px;
}

.bg2-equipes ul img {
    margin-left: 15px;
}



/********* iphone alerte sms ***********/
.bg3-equipes {
    background-color:#ffffff;
    height: 250px;
}
.bg3-equipes .float-droite {
    margin-top: 520px;
    height: 500px;
    padding: 0;
    width: 320px;

}

.bg3-equipes .centre h1 {
    color: #fff;
    font-size: 35px;
    width:270px;
    padding: 0px 15px 0px 15px;
    margin-top: 25px;
}

.bg3-equipes p {
    color: #fff;
    font-size: 16px;
    line-height: 140%;
    width: 270px;
    padding: 0px 15px 0px 15px;
}

.bg3-equipes .float-gauche {
    display: none;
}

.bg3-equipes img {
      width: 320px;
      padding:0;
      margin: 0;

}
/********* HOMME casque ***********/


.bg4-equipes .float-droite {
    display: none;
}
.bg4-equipes .float-gauche img {
    display: block;
    margin-top: -100px;
}

.bg4-equipes {
    width:285px;
    height: 570px
}

.bg4-equipes .centre h1 {
    font-size: 35px;
    margin-top: 10px;
    width: 300px;
    padding: 10px 15px 0px 20px;
}

.bg4-equipes p {
    width: 290px;
    padding: 0px 25px 0px 20px;
}


.bg4-equipes .float-gauche {
 display: block;
  margin-top: 350px;
}
.bg4-equipes .float-gauche img {
   margin-left: 14px;
   
}
.bg4-equipes ul {
    width: 285px;
    margin-top: 35px;
}


.bg4-equipes li {
    line-height: 120%;
    width: 190px;
}


.bg4-equipes img {
 padding: 0;

}



/********* Productivité MOBITIME DE 3/4***********/

.bg5-equipes .float-gauche img {
    display: none;
}
.bg5-equipes .float-droite {
    padding: 0;
    margin-top: 15px;
    height: 680px;
    width: 320px;

}
.mobitime-productivite{
    display: block;
}

.bg5-equipes{
background-color: #fff


}

.bg5-equipes img {
 padding: 0;
}

.bg5-equipes .centre h1{
    font-size: 35px;
    width: 290px;
    padding:15px 0px 0px 15px;
}
.bg5-equipes p{

    width: 290px;
    padding:0px 15px 0px 15px;
}


.bg5-equipes li{
    width: 200px;
    float: left;
    margin-left: 10px;
    line-height:120%;
}

.bg5-equipes ul {
    margin-bottom: 50px;
}

.bg5-equipes ul img{
    margin-left: 17px;
}



/*********** TASSE- zone rapport *************/

.bg6-equipes .float-droite img {
  display: none;
}
.bg6-equipes {
    height: 480px;
}

.bg6-equipes .float-gauche {
    padding: 0;
    margin-top: 115px;
    height: 720px;

}
.tasse{
    display: block;
}

.bg6-equipes .centre h1{
    font-size: 35px;
    width: 290px;
    padding:0px 0px 0px 15px;
    margin-top: 15px;
}
.bg6-equipes p{

    width: 290px;
    padding:0px 15px 0px 15px;
}

/*********** page suivi de materiel *************/

/*photo presentation sui materiel*/
.bg1-materiel{
    background-image:none;
}
.bg1-materiel .float-gauche {
    width: 300px;
    margin-top: 5px;
}

.bg1-materiel h1 {
    width: 250px;
    margin: auto;
    margin-bottom: 20px;
    display: block;
    text-align: center;
}
.bg1-materiel img:first-child {
   margin:auto;
   width: 32%;
}


.bg1-materiel p {
    width: 250px;
    margin: auto;
    margin-bottom: 10px;
}

/*******photo telecommande scan**********/

.bg2-materiel .float-gauche {
    display: none;
}
.bg2-materiel img {
    margin-top: 260px;
}

.bg2-materiel h1 {
    padding: 0px 15px 0px 15px;
    margin-top: -140px;
    width: 290px;
    font-size: 35px;

}
.bg2-materiel p {
    padding: 0px 15px 0px 15px;
    margin: auto;
    width: 290px;
    float: none;
    display: block;
    margin-left: 0px;

}

.bg2-materiel li {
    height: 50px;
    line-height: 115%;
    width: 270px;
}

.bg2-materiel ul img {
    margin-left: 15px;
}




/********* homme stock tuyau ***********/

.bg3-materiel .float-droite {
    display: none;
}

.bg3-materiel{
    background-color: #333;
    height: 700px;
    margin: auto;
    width: 320px;
}

.bg3-materiel .float-gauche {
    border-left: medium none;
    height: 290px;
    margin-top: -513px;
    padding-left: 40px;
    width: 320px;
    padding: 0;
   }

.bg3-materiel img {
    margin-top: 890px;
    padding: 0;
}

.bg3-materiel h1 {
    padding: 0px 15px 0px 15px;
    margin-top: 40px;
    width: 290px;
    font-size: 35px;

}
.bg3-materiel p {
    padding: 0px 15px 0px 15px;
    margin: auto;
    width: 270px;
    float: none;
    display: block;
    margin-left: 0px;

}

.bg3-materiel li {
    height: 50px;
    line-height: 115%;
    width: 270px;
    margin-bottom: 5px;
}

.bg3-materiel ul img {
    margin-left: 15px;
    margin-bottom: 5px;
}




/********* Iphone alert - suivi materiel ***********/

.bg4-materiel {
    height: 500px;
    margin-bottom: 70px;

}

.bg4-materiel .float-gauche img {
    display: none;
}


.bg4-materiel .float-droite {
   height: 530px;
   padding: 0;
}

.bg4-materiel h1 {
    font-size: 35px;
    margin-top: 15px;
    width: 270px;
    padding: 0px 15px 0px 15px;
}

.bg4-materiel p {
    width: 260px;
    padding: 0px 15px 0px 15px;

}

.bg4-materiel .float-gauche img {
    margin-left: 15px;
    margin-right: 15px;
}
.bg4-materiel ul {
    width: 285px;
}


.bg4-materiel li {
    line-height: 120%;
    width: 190px;
}

.bg4-materiel img {
    padding: 0;

}


/****** page CONFIDENTIAL*******/

.texte-confident p:first-child {

    padding-top: -15px;
}



.texte-confident p {
   width: 300px;
   padding: 0px 15px 0px 15px;
}

.texte-confident .decalage{
    margin-top: 25px;
}
.ban-titre-confidentialite h1 {
    color: #f37121;
    font-size: 30px;
    line-height: 1.3;
    margin-top: -55px;
    width: 100%;
    padding-left:5px;
    margin-bottom: 10px;
    text-align: center;
 
}

.texte-confident h2:first-child {
     margin-top: 30px;
}


.texte-confident h2 {
    width: 100%;
    color: #ec6906;
    font-size: 20px;
    line-height: 1.5;
     padding: 0px 15px 0px 15px;
      background-color: #f9f9f9;
      border: 1px solid #f1f1f1;

}

.texte-confident p:last-child{
  padding-bottom: 50px;
}


.ban-titre-syst  {
   margin-top: -270px
}



/*CONTACT V SMARTPHONE */

.texte-contact{
    max-width: 480px;
    min-width: 320px;

}

.contact-infos img {
    display: none;
}

.text-infoscontact {
    margin-top:0px;
    padding: 15px;
    width: 270px;
}

.texte-contact label {
   
    margin: 15px 0px 15px 0px;
    width: 85px;
}

.titre-formulaire {
    border-bottom: 1px solid #ccc;
    font-size: 25px;
    margin-bottom: 20px;
    padding-bottom: 50px;
    width: 100%;
    padding: 0px 0px 15px 15px;
}

.dialog-content{
    width: 300px;
    padding: 17px;

}


.dialog-content input.button {
    height: 35px;
    margin: auto;
    width: 150px;
    margin-right: 20px;
}
.texte-contact input[type="text"] {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    height: 25px;
    padding-left: 10px;
    width: 270px;
}
.texte-contact input[type="email"] {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    height: 25px;
    padding-left: 10px;
    width: 270px;
}


.texte-contact input[type="tel"] {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    height: 25px;
    padding-left: 10px;
    width: 270px;
}

.texte-contact textarea {
    background-color: #f8f8f8;
    border: 1px solid #ebebeb;
    height: 25px;
    padding-left: 10px;
    width: 310px;
    min-width: 270px

}
/******* PAGE CARACTERISTIQUE**********/

/*photo et trucs bye bye*/
.batterie-photo{
    display: none;
}

.mobi-face-pc{
    display: none;
}
.mobi-dos-pc{
    display: none;
}


.espacement {
   height: 0px;
}
/**Les zones de text**/



.caracteristiques {
  
   width: 320px;
   margin-top: 50px;
}


.caracteristiques .caracteristique-gauche-gps h2{
    margin-top: 20px;
}
.caracteristique-gauche-rangement {
    margin-top: 300px;
    width: 290px;
    float: none;
    padding: 0px 15px 0px 15px;
    display: inline-block;
}

.caracteristique-gauche{
    width: 290px;
    float: none;
    padding: 0px 15px 0px 15px;
}


.cacteristique-milieu {
     width: 290px;
    float: none;
    padding: 0px 15px 0px 15px;
    margin-top: 35px;

}
.caracteristique-gauche-robustesse {
    width: 290px;
    float: none;
    padding: 0px 15px 0px 15px;
    margin-top: 0px;
}

.caracteristique-gauche-gps {
     width: 290px;
    float: none;
    padding: 0px 15px 0px 15px;
     margin-bottom: 15px;
}

.caracteristique-droite-4 {
     width: 290px;
    float: none;
    padding: 0px 15px 0px 15px;
}


.mobi-face-mobile{
    display: block;
    float: none;
    margin-top: 20px;

}
.mobi-dos-mobile{
    display: inline-block;
    margin-top: 110px;
    float: none;
    padding: 0px;
    width: 300px;
}

p .mobi-dos-mobile{
    display: inline-block;
    position: relative;
    left: -250px;
}

.caracteristiques .centre{
    height: 300px;
}

.caracteristiques img {
    margin-bottom: 20px;
    margin-left: -10px;
    margin-top: -50px;
    position: relative;
    z-index: -5;
}

.caracteristique-droite{
    float: none;
    padding: 0px 15px 0px 15px;
    margin-top: 15px;
}
.caracteristique-droite-2 {
    float: none;
    padding: 0px 15px 0px 15px;
    margin-top: 15px;
}

.num{
    float: left;
    display: block;
    font-size: 25px;
    color: #333;
    margin-bottom: 5px;
}

.caracteristique-droite3 {
   display: inline-block;
   float: none;
    padding: 0 15px;
    width: 290px;
    margin-top: -15px;
}

.caracteristiques .caracteristique-droite3 h2{
    display: block;
    margin-right: 50px;
    margin-top: 30px;
    float: none;
    margin-left: 5px;
    width: 300px;
}

.caracteristiques .caracteristique-droite3 p{
    display: inline-block;
    float: none;
    margin-left: 5px;
     margin-bottom: 50px;
}



.batterie-legend{
    display: none;
}

.caracteristiques .caracteristique-droite-4 h2 {
    margin-top: 0px;
}

.caracteristiques .caracteristique-droite-4 {
    color: #ec6906;
    float: none;
    font-size: 25px;
    margin-top: 25px;
    float: none;
}

.caracteristiques .caracteristique-droite-4 .num {
    margin-top: -90px;
    margin-left: -30px;

}

.infos-ban-droite{
    width: 320px;
    margin-right: 230px;
}
.infos-ban-gauche{
    margin-left: 2px;
    width: 320px;
}


/*Sou menu 3 choix 320px smart*/

#sous_menu{
    background-color: #f8f8f8;
    height: 90px;
    display: inline-block;
    position: relative;
    z-index: 5;
	padding-left:0px;
    margin-bottom: 25px;
    margin-top: 20px;
    font-size: 17px;
}

#sous_menu li{
    height: 35px;
    text-align: center;
     margin-left: 44%;

}
#sous_menu ul{
    width: 100%;
}


#sous_menu li a{
    text-align: center;
    padding:10px;
}

.bar1
{
display:none;
}
.bar2
{
display:none;
}


.clear
{clear:both;}


}/*fin smartphone 320 width*/