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

/* FOOTER for pages under 992px, height=423px */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -423px;
}
 .push {
	height: 423px;
}
.footer {
	height: 423px;
	font-size:12px; 
	background:#f2f2f2; 
}
	
#content{margin-bottom:20px;}

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

.footera li, .footera ul{list-style-type:none; color: #666;}

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

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

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

.footer .row{padding:20px}

.footera{padding:10px}

a{text-decoration:none; color:#0082b9}

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; max-width:1020px;}

.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}

.dropdown-menu li a{background-repeat:no-repeat; height:25px; font-family:Helvetica;}

.dropdown-menu li:hover{background:#f2f2f2; background-repeat:no-repeat}

#navbar li a.zoz{padding-left:5px; padding-right:5px; height:40px; line-height:40px;}

.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 #0082b9; 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:18px; color:#0082b9; 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:30px; padding-right:20px; padding-bottom:10px; height:auto;}

.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 #0082b9; 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:#0082b9; 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:#0082b9;  border:1px solid #ddd;  border-bottom-color:transparent}

.nav-tabs a {

	height: 70px;
	font-family:"AvantGardeN";
	font-size:17px;
	
}

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

#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, #navbar .dropdown a{color:#929292; font-size:18px; font-family:"AvantGardeN"; padding-left:30px; padding-right:30px}

#navbar li:hover a{color:#0082b9}

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

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

.dropdown-menu{width:200px}

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

.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:#0082b9; 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:#0082b9}
button:focus{outline:0}

.nav .active{color:#0082b9}

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:#0082b9; font-weight:normal; padding:10px 0 10px 0px; border-bottom:1px solid #0082b9}

.metier h3{font-family:"AvantGardeN"; font-size:18px; color:#939292; 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%; 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:#0082b9; 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}


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

.tabindex a{font-size:14px}
.tabindex p{font-size:14px; text-align: justify;}
.tabindex h3{font-family:"AvantGardeN"; font-size:18px; color:#939292; font-weight:normal}

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

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

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

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

.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}


.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

/* Caroussel clients 
.jscarousal-contents-vertical {
    width: 300px;
    height: 425px;
    float: left;
    position: relative;
    overflow: hidden;
}

.jscarousal-contents-vertical > div {
    position: absolute;
    width: 100%;
    height: 100%;
}

.imgclients {
	width: 250px;
    height: 125px;
} */

/*buttons essai and contact position*/
@media only screen and (max-width:767px){
.cacherMenu{display:none}
.cacherMenuPlus{display:block}
.boutonSubmitpos {display:none}
.pictureindexpt {display:inline-block;}
.pictureindexgrd {display:none;position:relative;}
}

@media only screen and (min-width:768px){
.pictureindexgrd {display:inline-block;position:relative;}
.pictureindexpt {display:none;position:relative;}
.boutonSubmitpos {position:absolute;top:355px;left:35%;}
.logosyrha {position:absolute;width:90%;top:120px;left:7%;}
}
@media only screen and (min-width:885px){
.pictureindexgrd {display:inline-block;position:relative;}
.pictureindexpt {display:none;position:relative;}
.boutonSubmitpos {position:absolute;top:355px;left:37%;}
.logosyrha {position:absolute;width:90%;top:120px;left:7%;}
}
@media only screen and (min-width:992px){
	.pictureindexgrd {display:inline-block;position:relative;}
	.pictureindexpt {display:none;position:relative;}
	.boutonSubmitpos {position:absolute;top:355px;left:40%;}
	.logosyrha {position:absolute;top:120px;left:8%;}
	
	.wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -255px;
	}
	 .push {
		height: 255px;
	}
	.footer {
		height: 255px;
		font-size:12px; 
		background:#f2f2f2; 
	}
}


@media only screen and (min-width:1200px){
.pictureindexgrd {display:inline-block;position:relative; height: 320px;}
.pictureindexpt {display:none;position:relative;}
.boutonSubmitpos {position:absolute;top:370px;left:42%;}
.logosyrha {position:absolute; width:70%; height:auto; top:120px; left:17%;}
}
@media only screen and (min-width:1500px){
.pictureindexgrd {display:inline-block;position:relative; height: 320px;}
.pictureindexpt{display:none;position:relative;}
.boutonSubmitpos {position:absolute;top:370px;left:44%;}
.logosyrha {position:absolute; width:55%; height:auto; top:120px; left:26%;}
}


.dropdown240{width:240px}

.dropdown100{
	min-width:100px;
	width:100px;
}

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

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

#divtwitter{
	background: #f2f2f2;
	text-align:center;
}