body{color:#5a5a5a;   font-family:Arial,Helvetica,sans-serif;   font-size:12px}

a{text-decoration:none; color:#F90}

a:hover{text-decoration:none}

@font-face{font-family:"AvantGardeN"; src:url(fonts/avgardm-webfont.eot); src:url(fonts/avgardm.ttf) format('truetype'),url(fonts/avgardm-webfont.woff) format('woff'),url(fonts/avgardm-webfont.svg#AvantGardeMdBTMedium) format('svg');     font-weight:normal;     font-style:normal}

@font-face{font-family:AvantGardeM; src:url('./fonts/avgardm.ttf'),url('./fonts/avgardm-webfont.eot'),url('./fonts/avgardm-webfont.woff') format('woff');     font-weight:bold;     font-style:normal}

@font-face{font-family:Nothing; src:url(./fonts/NothingYouCouldSay.ttf); src:url(./fonts/NothingYouCouldSay.ttf),url('./fonts/NothingYouCouldSay.eot');  font-weight:bold;  font-style:normal}

.container{padding-right:20px;  padding-left:20px;  margin-right:auto;  margin-left:auto}

.navbar-wrapper{position:absolute;  top:120px;  right:0;  left:0;  z-index:20}

#navbar{border-bottom:0px solid #CCC}

.navbar-wrapper >.container{ padding-right:0;   padding-left:0}

.navbar-wrapper .navbar .container{ width:auto}

.dropdown{padding:0px}

.dropdown-menu div{color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-align:left}

.icono1{background-position:0 0}

.icono2{background-position:0 -50px}

.icono3{background-position:0 -100px}

.icono4{background-position:0px -150px}

.icono5{background-position:0px -200px}

.icono6{background-position:0px -250px}

.icono7{background-position:0px -300px}

.icono8{background-position:0px -350px}

.icono9{background-position:0px -400px}

.icono10{background-position:0px -450px}

.icono11{background-position:0px -500px}

.icono12{background-position:0px -550px}

.icono13{background-position:0px -600px}

.icono14{background-position:0px -650px}

.icono9 div, .icono10 div, .icono12 div, .icono14 div, .icono15 div{padding-top:6px}

.carousel{height:320px;   font-family:Nothing;  color:#575757;  text-shadow:none}

.carousel-caption{z-index:10;  background:none}

.carousel .item{height:320px;  background-color:none}
.carousel-inner >.item >img{position:absolute;  top:0;  left:0;  min-width:100%;  height:320px}

.divCarrousel1{font-family:Nothing; color:#575757; float:left; height:300px; margin-right:1%; width:32%; display:table}

.divCarrousel1 div{font-size:4vw;  text-align:left;  display:table-cell;  vertical-align:middle; text-align:center}

.divCarrousel1 .taille1{font-size:2.9vw}

.divCarrousel1 .taille4{font-size:3vw}

.divCarrousel1 .taille2{font-size:6vw}

.divCarrousel1 .taille3{font-size:5vw}

.divCarrousel2{font-family:Nothing; color:#575757; float:left; height:300px; margin-right:1%; width:34%; line-height:300px}

.divCarrousel2 img{vertical-align:middle; width:100%}

.divCarrousel3{font-family:Nothing; color:#575757; float:right; height:300px; margin-right:0%; width:32%; display:table}

.divCarrousel3 div{font-size:1.7vw;  text-align:left;  display:table-cell;  vertical-align:middle}

.carousel-caption{padding:0px; margin:0px; padding-top:0px; padding-bottom:0px}

.carousel-control{text-shadow:none}

.carousel-caption{text-shadow:none}

.carousel-caption{right:50px;  left:50px}

.marketing .col-lg-4{margin-bottom:20px;  text-align:center}
.marketing h2{font-weight:normal}
.marketing .col-lg-4 p{margin-right:10px;  margin-left:10px}

.featurette-divider{margin:80px 0}

.featurette-heading{font-weight:300;  line-height:1;  letter-spacing:-1px}

form label.error, label.error{color:red; font-style:italic; width:500px; padding-top:0px}
div.error{display:none}

@media (min-width:768px){ .navbar-wrapper{margin-top:20px}
 .navbar-wrapper .container{padding-right:0px;  padding-left:0px}
 .navbar-wrapper .navbar{padding-right:0;  padding-left:0}

 
 .navbar-wrapper .navbar{border-radius:4px}

 
 .carousel-caption p{margin-bottom:20px;  font-size:21px;  line-height:1.4}

 .featurette-heading{font-size:50px}
 
 
}

@media (min-width:992px){ .featurette-heading{   margin-top:120px}

}

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

@media handheld, only screen and (max-width:992px){.menuCacher{display:none}
}
*/
.textLeft{text-align:left}
.textRight{text-align:right}

.textCentre{text-align:center}

.textJustify{text-align:justify}

.decorationNone{text-decoration:none}

.floatLeft{float:left}

.floatRight{float:right}

.marginRight20{margin-right:20px}

.marginTop{margin-top:20px}

.vcenter{display:inline-block;  vertical-align:middle;  float:none}

#anima1{font-family:Nothing; font-size:3.2vw; color:#6666; height:50px}

#anima2{font-family:Nothing; font-size:7vw; color:#6666; height:120px}

#anima3{font-family:Nothing; font-size:2.4vw; color:#6666}

.fle{background:url("images/fle.png") no-repeat 15px 0px; padding-left:30px; margin-bottom:10px; color:#FFF}

.fle2{background:url("images/fle2.png") no-repeat 15px 0px; padding-left:30px; margin-bottom:10px; color:#666}

#ERPintro{background:url(images/btnserocore.png) 5px 63px no-repeat #f90; width:100%; height:250px; float:left; cursor:pointer; color:#FFF}

#ERPintro p{margin:0; padding:20px 6px 10px 0; font-size:26px; font-family:Nothing; font-weight:normal; color:#FFF}

#PlaniIntro{background:url(images/Planning.png) no-repeat 5px 5px #f2f2f2; width:100%; height:110px; float:left; margin-top:10px; border:1px #CCC solid; cursor:pointer; color:#FFF}

#Formationxx{background:url(images/Formation2.png) no-repeat 5px 5px #f2f2f2; width:100%; height:110px; float:left; margin-top:10px; cursor:pointer; color:#FFF}

#Formationxx p, #PlaniIntro p, #CRMIntro p, #APSSIntro p{font-family:Nothing; margin:0; padding-top:12px; padding-bottom:10px; font-size:large; font-weight:bold; padding-left:48px; color:#666}

#CRMIntro{background:url(images/CRM_Gris.png) no-repeat 5px 5px #f2f2f2; width:100%; height:250px; float:left; margin-left:10px; cursor:pointer}

#APSSIntro{background:url(images/APPS.png) no-repeat 5px 5px #f2f2f2; width:100%; height:250px; float:left; margin-left:10px; cursor:pointer}

.blockBoutons{background:#f6f6f6; height:auto; width:100%; padding-top:4px; padding-bottom:4px; height:50px; float:left}

.texteTitreN{font-size:24px; color:#ff9200; font-family:"AvantGardeN"; border-top:1px solid #CCC; padding-top:15px}

.main-block{margin:0; padding:0; font-family:Nothing; font-size:18px; background:url("images/social.png") no-repeat 25px -662px #f2f2f2; width:100%; padding-top:20px; padding-right:10px; padding-bottom:10px}

.main-block2{margin:0; padding:0; font-family:Nothing; color:#FFF; font-size:18px; width:100%; padding-top:30px; padding-left:0px; background:url("images/social.png") no-repeat 25px -662px #f90; text-align:justify}

.divVideoAccueil{float:left; padding:10px; padding-right:16px}

.ancho{width:300px}

.divVideoAccueil p{color:#FFF}

.imgBlockSupport{float:left; padding:10px; padding-right:16px; padding-left:20px; clear:both; color:#666}

.blockTexteSupportIMG{float:left; width:60px; height:50px; background:url(images/social.png) no-repeat 0px -320px}

.blockTexteSupportIMG2{float:left; width:60px; height:50px; background:url(images/social.png) no-repeat 0px -370px; clear:both}

.blockTexteSupportIMG3{float:left; width:60px; height:50px; background:url(images/social.png) no-repeat 0px -420px; clear:both}

.blockTexteSupport, .blockTexteSupport1{float:left; width:77%; padding-left:10px}

.blockTexteSupport p, .blockTexteSupport1 p{font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-top:3px}

#tabs a{color:#666; cursor:pointer}

#tabs a:hover{color:#F90; cursor:pointer}

#tabs .active a{color:#fff; cursor:pointer}

#tabs .active a:hover{color:#fff; cursor:pointer}

#tabs-1, #tabs-2{border:1px solid #ff9200; padding:0px}

.tabs-1{background:url(images/social.png) no-repeat 0px -471px; padding-left:50px}

.tabs-2{background:url(images/social.png) no-repeat 0px -500px; padding-left:17px}

.nav-tabs >li.active >a, 
.nav-tabs >li.active >a:hover, 
.nav-tabs >li.active >a:focus{color:#fff;  cursor:default;  background-color:#F90;  border:1px solid #ddd;  border-bottom-color:transparent}

.nav-tabs >li >a, 
.nav-tabs >li >a:hover, 
.nav-tabs >li >a:focus{background-color:#f2f2f2}

#tabs-2{height:490px}

.logoHaut{text-align:center; position:fixed; background:#FFF; z-index:120; width:100%; top:0px}

.navbar{background:#FFF; border:0px; position:fixed; background:#FFF; z-index:100; top:65px}

.navbar-wrapper{background:#FFF; border:0px}

#navbar li a{color:#929292; font-size:18px; font-family:"AvantGardeN"; padding-left:30px; padding-right:30px}
#navbar li a.zoz{padding-left:5px; padding-right:5px; height:40px; line-height:40px;}

#navbar li:hover a{color:#F90}

#navbar li .active{background:#FFF; color:#F90}

.dropdown-menu{width:100%; font-family:Arial,Helvetica,sans-serif; color:#666}

.dropdown-menu li a{font-family:Arial,Helvetica,sans-serif; color:#666}

.dropdown200{width:225px}

.nav >li >a{padding:10px 15px}

footer{margin-top:20px; font-size:12px; background:#f2f2f2; margin-bottom:0px}

.textFooterImg{color:#F90; font-size:9px; line-height:14px}

#comm img{border:0px}

.footer div{border-bottom:1px solid #999; padding-bottom:5px; margin-bottom:5px; font-weight:bold}

.footer li, .footer ul{list-style-type:none}

.footer a{list-style-type:none; font-size:12px; font-weight:normal; color:#666}

.footer a:hover{list-style-type:none; font-weight:normal; color:#F90; font-size:12px}

.footer ul, .footer{margin:0; padding:0}

footer .row{margin:10px; padding:10px}

.footer{padding:10px}

.cube{background:#f2f2f2}

.contenedor{position:relative; padding:5px; padding-top:0px; float:left}

form label{width:100px}

input[type=text], input[type=email], input[type=telephone]{color:#979797; text-decoration:none; border:1px #ccc solid; width:400px; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:30px; margin-top:10px}

input[type=submit], .boutonSubmit{color:#FFF; background:#f90; text-decoration:none; border:1px #f2f2f2 solid; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height:36px; font-family:"AvantGardeN"; font-size:16px; padding-left:10px; padding-right:10px;}
input[type=submit]:hover{color:#FFF; background:#F90}
button:focus{outline:0}

.nav .active{color:#f90}

select{color:#979797; padding-left:10px; text-decoration:none; border:1px #ccc solid; width:400px; height:30px; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:10px}

textarea{color:#979797; padding-left:10px; text-decoration:none; border:1px #ccc solid; width:400px; height:100px; padding:5px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-top:10px}

.metier{margin:0px; padding:0px; margin-top:-40px}

.metier h1{font-family:Nothing; font-size:24px; color:#FFF; font-weight:normal; padding:20px}

.metier h2{font-family:"AvantGardeN"; font-size:18px; color:#F90; font-weight:normal; padding:10px 0 10px 0px; border-bottom:1px solid #F90}

.metier h3{font-family:"AvantGardeN"; font-size:18px; color:#000; font-weight:normal}

.metier p{text-align:justify}

.metier .size-full{width:100%; height:auto; text-align:center; padding-top:20px; padding-bottom:20px}

.metier .size-fulll{width:100%; margin:auto; height:auto; text-align:center; padding-top:0px; padding-bottom:0px;}

.metier .pre{font-family:Nothing; font-size:18px; color:#666; font-weight:normal; padding:20px; text-align:center; background:#fff; border:0px}

.metier a{color:#F90; text-decoration:underline; font-weight:bold}

.metier ul{padding-left:40px}

.metier ul li{text-align:justify}

.btnBah div{text-align:center}

.btnBah a{display:block; width:100%; height:100%; color:#666; font-family:Nothing; font-size:18px; font-weight:normal; padding:10px}

.btnBah a:hover{background:#f2f2f2}

.messageFormulaire{position:relative; top:-75px}

 
@media only screen and (max-width:1200px){#navbar li a,#navbar .dropdown a{padding-left:23px; padding-right:23px}

.dropdown-menu div{padding-left:5px; padding-right:5px}

.divCarrousel1 div{font-size:50px; line-height:50px}

.divCarrousel1 .taille1{font-size:36px}

.divCarrousel1 .taille4{font-size:42px}

.divCarrousel1 .taille2{font-size:82px; line-height:80px}

.divCarrousel1 .taille3{font-size:70px; line-height:70px}

.divCarrousel3 div{font-size:20px}

.divCarrousel1, .divCarrousel2, .divCarrousel3{height:280px}

.divCarrousel2{line-height:280px}

.carousel, .carousel .item{height:300px}

iframe{width:900px; height:506px}

.imgCacher{display:block}
.imgNonCacher{display:none}

.imgMetierCacher{display:block}
.imgMetierNonCacher{display:none}

.cacherMenuPlus{display:none}
.cacherMenu{display:block}

.cacherMenuERPMerierPlus{display:none; visibility:hidden}
.cacherMenuERPMerier{display:block; visibility:visible}

.main-block{padding-top:15px; height:386px}

.main-block2{padding-top:50px; height:386px}

.main-block2 .imgDivOr{width:240px}

.blockTexteSupportIMG2, .blockTexteSupport, .blockTexteSupportIMG3{margin-top:0px}

.blockTexteSupport1{margin-top:0px}

#navbar{max-width:930px}

}

@media only screen and (max-width:992px){#navbar li a,#navbar .dropdown a{padding-left:7px; padding-right:7px}

.dropdown-menu div{padding-left:5px; padding-right:5px}

.divCarrousel1 div{font-size:40px; line-height:40px}

.divCarrousel1 .taille1{font-size:28px}

.divCarrousel1 .taille4{font-size:28px}

.divCarrousel1 .taille2{font-size:62px; line-height:70px}

.divCarrousel1 .taille3{font-size:50px; line-height:50px}

.divCarrousel3 div{font-size:18px}

.divCarrousel1, .divCarrousel2, .divCarrousel3{height:230px}

.divCarrousel2{line-height:230px}

.carousel, .carousel .item{height:250px}

iframe{width:750px; height:422px}
.imgCacher{display:block}
.imgNonCacher{display:none}

.imgMetierCacher{display:block}
.imgMetierNonCacher{display:none}

.cacherMenuPlus{display:none}
.cacherMenu{display:block;}
#rowindex{padding-top:42px;}

.cacherMenuERPMerierPlus{display:none; visibility:hidden}
.cacherMenuERPMerier{display:block; visibility:visible}

.main-block{padding-top:10px; height:auto}

.main-block2{padding-top:10px; height:auto}

.main-block2 .imgDivOr{width:auto}

.blockTexteSupportIMG2, .blockTexteSupport, .blockTexteSupportIMG3{margin-top:0px}

.blockTexteSupport1{margin-top:0px}

.ContainerCacher{display:none}

#navbar{max-width:720px}

}

@media only screen and (max-width:768px){.cacher{display:none}

iframe{width:470px; height:264px}

.dropdown-menu div{padding-left:5px; padding-right:5px}

input[type=text], input[type=email], input[type=telephone], select, textarea{width:300px}

.imgCacher{display:block}
.imgNonCacher{display:none}

.imgMetierCacher{display:none}
.imgMetierNonCacher{
	display:block;
	width:425px;
	margin-left:auto;
	margin-right:auto;
}

.metier .container{font-size:14px}
.cacherMenuPlus{display:block}
.cacherMenu{display:none}
.cacherMenuERPMerier{display:none; visibility:hidden}
.cacherMenuERPMerierPlus{display:block; visibility:visible}

.main-block{padding-top:10px; height:auto}

.main-block2{padding-top:10px; height:auto}

.main-block2 .imgDivOr{width:auto}
.ContainerCacher{display:none}

#rowindex{padding-top:0px;}


}

 
@media only screen and (max-width:480px){#navbar li a,#navbar .dropdown a{padding-left:11px; padding-right:11px; padding-top:0px}

.dropdown-menu div{padding-top:2px}

iframe{width:310px; height:174px}

.metier h1{font-size:20px}

input[type=text], input[type=email], input[type=telephone], select, textarea{width:250px}

.imgCacher{display:none}
.imgNonCacher{display:block}

.imgMetierCacher{display:none}
.imgMetierNonCacher{
	display:block;
	width:100%;
}


.metier .container{font-size:14px}

#navbar{border-bottom:0px}

body{font-size:14px}

.blockTexteSupport p{font-size:14px}

.footer a, .footer li{font-size:14px}

.footer a:hover{font-size:14px}
.cacherMenuPlus{display:block}
.cacherMenu{display:none}
.cacherMenuERPMerier{display:none; visibility:hidden}
.cacherMenuERPMerierPlus{display:block; visibility:visible}
.messageFormulaire{position:inherit}

.main-block{padding-top:10px; height:auto}

.main-block2{padding-top:10px; height:auto}

.main-block2 .imgDivOr{width:220px}
.ancho{width:230px}
.boutonSubmit{width:110px; font-size:14px}
.ancho2{width:300px}
.ContainerCacher{display:none}

input[type=text], input[type=email], input[type=telephone], select, textarea{margin-bottom:10px}

#rowindex{padding-top:0px;}

}

 
@media only screen and (max-width:320px){#navbar li a,#navbar .dropdown a{padding-left:11px; padding-right:11px; padding-top:0px}

.dropdown-menu div{padding-top:2px}

iframe{width:280px; height:158px}

.metier h1{padding-top:20px}

input[type=text], input[type=email], input[type=telephone], select, textarea{width:250px}
.imgCacher{display:none}
.imgNonCacher{display:block}

.imgMetierCacher{display:none}
.imgMetierNonCacher{
	display:block;
	width:100%;
}

.metier .container{font-size:14px}

#navbar{border-bottom:0px}

body{font-size:14px}

.blockTexteSupport p{font-size:14px}

.footer a, .footer li{font-size:14px}

.footer a:hover{font-size:14px}

.cacherMenuPlus{display:block}
.cacherMenu{display:none}

.cacherMenuERPMerier{display:none; visibility:hidden}
.cacherMenuERPMerierPlus{display:block; visibility:visible}
.messageFormulaire{position:inherit}

.main-block{padding-top:10px; height:auto}

.main-block2{padding-top:10px; height:auto}

.main-block2 .imgDivOr{width:200px}

.main-block2 .imgDivOr{width:220px}
.ancho{width:230px}

.boutonSubmit{width:110px; font-size:14px}
.ancho2{width:300px}
.ContainerCacher{display:none}

input[type=text], input[type=email], input[type=telephone], select, textarea{margin-bottom:10px; margin-top:0px}

#rowindex{padding-top:0px;}

}

 
@media only screen and (min-width:320px){}

 
@media only screen and (min-width:480px){}

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

@media only screen and (min-width:992px){}

@media only screen and (min-width:1200px){#navbar li a,#navbar .dropdown a{padding-left:36px; padding-right:36px}

.dropdown-menu div{padding-left:5px; padding-right:5px}

.divCarrousel1 div{font-size:56px; line-height:56px}

.divCarrousel1 .taille1{font-size:42px}

.divCarrousel1 .taille4{font-size:48px}

.divCarrousel1 .taille2{font-size:82px; line-height:80px}

.divCarrousel1 .taille3{font-size:76px; line-height:76px}

.divCarrousel3 div{font-size:22px}

.metier .container{max-width:1020px; font-size:14px}

iframe{width:900px; height:506px}

.imgCacher{display:block}
.imgNonCacher{display:none}

.imgMetierCacher{display:block}
.imgMetierNonCacher{display:none}

.cacherMenuPlus{display:none}
.cacherMenu{display:block}

.cacherMenuERPMerierPlus{display:none; visibility:hidden}
.cacherMenuERPMerier{display:block; visibility:visible}

.main-block{padding-top:30px; height:402px}

.main-block2{padding-top:50px; height:402px}

.blockTexteSupportIMG2, .blockTexteSupport, .blockTexteSupportIMG3{margin-top:20px}

.blockTexteSupport1{margin-top:0px}

#navbar{max-width:1070px}

}

#social1, #social2, #social3, #social4{  width:35px;   height:34px;   line-height:34px;   background-image:url("images/social.png");   background-repeat:no-repeat}
 
#social1{  background-position:-40px 0}
#social1:hover{  background-position:0 0}

#social2{  background-position:-40px -40px}

#social2:hover{  background-position:0 -40px}

#social3{  background-position:-40px -80px}

#social3:hover{  background-position:0 -80px}

#social4{  background-position:-40px -120px}

#social4:hover{  background-position:0 -120px}

#social5{  width:150px;   height:155px;   line-height:34px;   background-image:url("images/social.png");   background-repeat:no-repeat}
#social5{  background-position:0 -160px}

#social6{  width:48px;   height:52px;   line-height:52px;   background-image:url("images/social.png");   background-repeat:no-repeat}
#social6{  background-position:0 -540px}

#social7{  width:300px;   height:70px;   line-height:52px;   background-image:url("images/social.png");  background-repeat:no-repeat}
#social7{ background-position:0 -592px}

#social8, #social9, #social10, #social11 {  width:100%;   height:80px;   line-height:60px;   background-image:url("images/BoutonsenBas.png");  background-repeat:no-repeat; text-align:center;}
#social8{ background-position:50% 0}
#social9{ background-position:50% -80px}
#social10{ background-position:50% -160px}
#social11{ background-position:50% -240px}

.famenu{
	font-size: 150%;
}
.fasocial{
color:#929292;
}
.fasocial:hover{
color:#FF9900;
}

#navbar li a.lang{
    padding-left: 5px;
    padding-right: 5px;
    height: 25px;
	font-family:Arial; 
	font-size:12px;
	font-weight:bold;
	color:#666;
}

.titreActu{font-family:Nothing; color:#FFF; font-size:14px; color:#FF9900; font-weight:bold;}
.titreActu a:hover{ color:#FF9900;}

.titreRejoindre {font-family:AvantGardeM; color:#666666; font-size:18px; font-weight:bold;}

.rejoindre{ border:1px #666666 solid; width:100%; padding:20px; text-align:left; margin-bottom:20px;}

.rejoindre2{ border:1px #666666 solid; width:100%; padding:20px; text-align:center}