@import url(//fonts.googleapis.com/css?family=Oleo+Script);

/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/camera.css";
@import "../css/carousel.css";
@import "../css/subscribe-form.css";

body {
	background:url(../images/bg.png) 0 0 repeat #f5f1e5;
	height:100%;
	font-family:"Lato", sans-serif;
	font-size:12px;
	line-height:20px;
	color: #333333;
	/*color:#747474;*/
	}

blockquote {
	background: rgba(255, 255, 255, 0.31);
	border-left: 10px solid rgba(12, 98, 157, 0.94);
	color: rgba(12, 98, 157, 0.88);
	margin: 1.5em 5px;
	padding: 0.5em 5px;
	quotes: "\201C""\201D""\201C""\2019";
	font-size:16px;
}
blockquote:before {
	color: #0c629d;
	content: open-quote;
	font-size: 9em;
	float:left;
	line-height: 0.8em;
	margin-right: 0.08em;
	vertical-align: -0.4em;
	top:-4px;
	font-familly: FontAwesome;
}
blockquote p {
	display: inline;
}

.bg  {
	background:#fff;
	max-width:1041px;
	margin:0 auto;
	height:100%;
	padding:18px 0 0 0;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after { clear: both;}


/************Header************/

/*header*/
.header-box {
	margin-bottom:10px;}

h1.logo{
	margin:0;
}

h1.logo a {
	display:block;
	width:292px;
}

header h1 a img {display: block;}

h2 {
	font-family: 'Oleo Script', cursive;
	color:#2c9dd4;
	font-size:30px;
	line-height:36px;
	margin:38px 0 15px 0;
	font-weight:400;
	}

h4 {
	font-family: 'Oleo Script', cursive;
	color:#70b3d0;
	font-size:24px;
	line-height:38px;
	margin:19px 0 14px 0;
	font-weight:400;
	border-bottom:#e3eef3 1px solid;
	}

p.link1  {margin-bottom:5px; text-transform: uppercase;color:#039CE2;}
p.link2  {margin-bottom:0px;}

a{
	color:#0eaaf6;
}
a.desktop_only{padding-left:39px;}

a:hover { color:#FC8A58; text-decoration:none;}

p {	margin-bottom:22px; font-size: 15px; line-height:1.5;}

.button1 {
	background: #039CE2;
	display:inline-block;
	color:#fff;
	padding:4px 10px;
	transition:all 0.2s ease 0s;
	}

.button1:hover {
	background: rgba(3, 156, 226, 0.85);
	color:#fff;
	}

.border-top {border-top:#e3e3e3 1px solid; margin-top:45px;}
.border-top2{border-top:#e3e3e3 1px solid; margin-top:23px;}
.border-top3 {border-top:#e3e3e3 1px solid; margin-top:45px; padding-top: 20px;}

.bgs{
	background: rgba(0, 0, 0, 0) url("../images/process-bg.jpg") no-repeat fixed 50% 0 / cover ;
}

.header_ph {
	display:block;
	font-size:16px;
	line-height:20px;
	color:#acacac;
	font-weight:700;
	margin: 5px 0 0 145px;
}

.lang{
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.header_ph img {
    margin-right: 10px;
    margin-top: 2px;
	float:left;
}

.header_ph span  {
	color:#a6a6a6;
	font-size:12px;
	display:block;
	font-weight:400;
	}

/************Content***********/

.box_info1:first-child {
	margin-left:0;}

.box_info1 {
	overflow:hidden;
	padding:31px 52px 27px 17px;
}

.box_info2:first-child {
	margin-left:0;}

.box_info2 {
	overflow:hidden;
	padding:13px 21px 3px 17px;
}

.shadow {box-shadow: 0 7px 12px -7px rgba(0, 0, 0, 0.36);}
.shadow_custom {
	border: 0px solid black;
    border-radius: 7px;
}
div.shadow_custom:hover{
	background: #0c629d;
}

.letter {
    background:url(../images/img_letter.png) 0 0 repeat;
    color: #fff;
    display: block;
    float: left;
	font-family: 'Oleo Script', cursive;
    font-size: 36px;
    height: 45px;
    line-height: 45px;
    margin: 0 18px 0 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 45px;
}
.analyze_icon {
    display: block;
    height: 146px;
    margin: auto;
    max-width: 80%;
}
.build_icon {
    display: block;
    height: 146px;
    margin: auto;
    max-width: 80%;
}
.validate_icon {
    display: block;
    height: 146px;
    margin: auto;
    max-width: 80%;
}
.deploy_icon {
    display: block;
    height: 146px;
    margin: auto;
    max-width: 80%;
}

.red {background:#fb7033;}
.blue {background:#0eaaf6;}
.green {background:#83ba3c;}
.yellow {background: #f3ff01;}
.gray {background: #fafafa}

.box_info1  p,  .box_info2  p {
    color: #fff;
	font-weight:700;
	font-size:14px;
	line-height:21px;
	margin:0px 0 12px 0px;
	display:block;
	text-transform:uppercase;
}
.box_info2  p {
	color: #000000;
	text-align: center;
}
.box_info2  p:hover {
	color: #fff;
}

.p-ol{
	font-size: 15px;
}

a.text1 {
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
}

a.text1:hover{text-decoration:underline;}

.list_info li {
    background: url("../images/list_arrow.jpg") no-repeat scroll 0 7px transparent;
    font-size: 13px;
    line-height: 20px;
    padding: 0 0 6px 20px;
}

.list_info_custom li {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 6px -1px;
    text-align:center;
}

.list_info_picto li {
    padding-left:15px;
    font-size: 13px;
    color: #0c629d;
}

.list_info li a {color: #747474; font-size: 15px;}

.list_info li a:hover { color: #0EAAF6;}

.list_info{margin-bottom:4px;display: inline-block}

.our_tips img {
	padding:4px 18px 8px 0;
	float:left;
}

.our_tips .link1 { display:inline-block;}

.partners {margin-top:35px;}

.partners dt {
	border-right:#e3e3e3 1px solid;
	display:inline-block;
	padding:15px 15px 15px 0;
	float:left;
}

.partners dd {
	margin-left:17px;
	float:left;
}

.partners img:hover{
	opacity: 0.6;
}

.img-indent2 {
	padding:4px 18px 8px 0;
	float:left;
}
.abtimg{
	width: 200px;
}
.abtimg_custom{
	width: 200px;
	border: 2px solid;
	border-radius: 5px;
}


.margin_1 {margin-bottom:0px;}
.margin_2 {margin-bottom:5px;}
.margin_6 {margin-bottom:10px;}
.margin_top {margin-top:20px;}
.margin_3 {margin-bottom:15px;}
.margin_4 {margin-bottom:20px;}
.margin_5 {margin-bottom:40px;}

.numb_list {
    color: #FFFFFF;
    float: left;
    font-family: 'Oleo Script', cursive;
    font-size: 35px;
    line-height: 49px;
    text-align: center;
    width: 50px;
	height: 50px;
    margin: 2px 17px 15px 0;
}

.testi p.link1  {margin-bottom:0px;}

.social{
	width: 40px;
	margin-left: 5%;
}

.bg_gray {
	background:#fafafa;
	border:#f2f2f2 solid 1px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:20px;
	}
.bg_gray:hover  {
	background: rgba(131, 243, 250, 0.51);
	border: rgba(13, 242, 162, 0.53) solid 1px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:20px;
	color: rgb(0, 0, 0);
	}
.bg_gray2 {
	/*background: rgba(72, 153, 250, 0.97);*/
	border-right:#f2f2f2 solid 1px;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:2px;
	text-align: center;
	}
.bg_gray2:hover  {
	background: #0c629d;
	/*border: rgb(255, 255, 255) solid 1px;*/
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:2px;
	}
.bg_gray3 {
	/*background: rgba(72, 153, 250, 0.97);*/
	/*border-right:#f2f2f2 solid 1px;*/
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:2px;
	text-align: center;
	}
.bg_gray3:hover  {
	background: #0c629d;
	/*border: rgb(255, 255, 255) solid 1px;*/
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:2px;
	}
.h3f{
	font-size: 1.4em;
}
.map {
    min-width: 100%;
    width: 100%;
}

.map figure iframe {
    height: 327px;
    max-width: 100%;
    width: 100%;
}

.map figure {
	width:100%;
	display:block;
	-moz-box-sizing: border-box;
	margin-bottom:15px;
	}

address dl {
	float:left;
}

address dt {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 18px;
	color:#0eaaf6;
	font-style:normal;
	padding-bottom:5px;
	}

address dd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#747474;
	font-style:normal;
}

address dd span {
	min-width: 64px;
	display:inline-block;
	}

address dd a{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
	color:#0eaaf6;
}

address dd a:hover {text-decoration:underline;}

.blue_text {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
	color:#0eaaf6;
	margin-bottom:7px;
}

/************Footer************/

footer {
	margin:44px 0px;
	background:#fafafa;
	margin-bottom:0px;
	border-top:1px solid #f2f2f2;
	padding:20px 0 0px 0;
	}

footer p {color: #000000;}
/*footer p {color:#969595;}*/

.foo-butt li {display:inline-block;}

.foo-butt a {
	background:#7fdbfd;
	line-height:26px;
	color:#fff;
	font-size:11px;
	margin:0 2px 3px 0;
	text-transform:uppercase;
	padding: 4px 10px 4px 11px;
	transition: all 0.2s ease;
	}

.foo-butt a:hover {background:#fc8957;}

.foo-bulet li {
    background: url("../images/foo_arrow.png") no-repeat scroll 0 5px transparent;
    padding: 0 0 6px 14px;
	color: #a9a9a9;
	font-style:italic;
}

.foo-bulet a {
    color: #1b1b1b;
    font-size: 13px;
    line-height: 19px;
	font-style:normal;
	display:inline-block;
}

.foo-bulet a:hover {text-decoration:underline;}

.privacy {
	text-align:center;
	padding:13px 0;
	color:#a1a1a1;
	background:#fff;
	border-top:1px solid #f2f2f2;
	margin-top:40px;
	}

.privacy a {color:#a1a1a1;}

.privacy a:hover {text-decoration:underline;}

.fleft { float:left;}
.fright { float:right;}
.lheight p{ line-height:18px;}

#toTop {
    background: url(../images/to_top.png) no-repeat scroll 0 top transparent;
    bottom: 100px;
    display: none;
    height: 44px;
    left: 40%;
    margin-left: 783px;
    position: fixed;
    text-decoration: none;
    width: 50px;
    z-index: 20;
}

#toTop:hover {
	background:url(../images/to_top.png) 0 bottom  no-repeat;}
/*==================================MAXTECO==========================================================*/
p.subTitle {
    margin-bottom: 5px;
    font-weight: bold;
}

p.subTitle_hightligth {
	margin-bottom: 5px;
    font-weight: bold;
    color: #0eaaf6;
}
.desktopTablette_only {
	display:inline;
	color:#0c629d;
	font-size:15px;
}
p.hover{
	visibility:hidden;
}
div.identity {
	 height: 185px;
	 float:left;
	 width:98px;
}

.header-identity {
	font-weight: bold;
	color: #0c629d;
	padding-left: 15px;
	font-size:14px;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/


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

.margin_3 img {width:100%;}

.bg  {max-width:800px;}

.header_ph {
	margin-left:0px;
}
.lang{
	width: 25px;
	height: 25px;
	cursor: pointer;
}
.box_info1, .box_info2 { padding-right:20px;}

.our_tips img{ width:100%;}

.partners dd {margin-left:7px;}

.partners dd img {
	width:110px;
	height:40px;
	margin-top:5px;}

.foo-butt a{ font-size:9px;}
a.desktop_only{padding-left:0px;}
}

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

.bg  {max-width:470px;}
.our_tips img {width: inherit;}
.partners { text-align:center;}
.partners dt { width:100%; border:none;}
address .grid_3 { width:200px!important;}
.desktopTablette_only {display:none;}
.shadow_custom {border: 1px solid black;}
}

 @media only screen and (min-width: 480px) and (max-width: 767px) {
.header_ph {margin-left:30px;}
}

@media only screen and (max-width: 479px) {
	#process .nav-tabs>li>a b {
		font-size: 8px;
		color: #fff;
		text-transform: lowercase;
		font-family: 'Oswald', Helvetica, Arial, sans-serif;
		font-weight: 100;
		margin-top: 5px;
	}

	#process ul.nav-tabs>li{ text-align: center; width: 5%; display: inline-block; float: none;margin-left: auto}

.bg  {max-width:340px;}
.partners dd {float:none;}

.img-indent2 {
	padding:4px 0px 8px 0;
	float:none;
}

.img-indent2 img { width:100%; }

.social{
	width: 32px;
	margin-left: 2%;
	float:left;
}

#toTop {
    background: url(../images/to_top.png) no-repeat scroll 0 top transparent;
    bottom: 100px;
    display: none;
    height: 44px;
    left: 40%;
    margin-left: 150px;
    position: fixed;
    text-decoration: none;
    width: 50px;
    z-index: 20;
}

}
@media only screen and (max-width: 320px) {
.bg  {width:100%;}
	#process .nav-tabs>li>a b {color: #fff; text-transform: capitalize; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 100;}

	#process ul.nav-tabs>li{ text-align: center; width: 5%; display: inline-block; float: none;margin-left: auto}

}


/*attention ne pas effacer*/



.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu {
	top:0;left:100%;margin-top:-6px;margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}
/*.dropdown-submenu>a:after{*/
	/*display:block;content:" ";float:right;width:0;*/
	/*height:0;border-color:transparent;border-style:solid;*/
	/*border-width:5px 0 5px 5px;border-left-color: #fff;*/
	/*margin-top:-17px;margin-right:65px;*/
/*}*/
.dropdown-submenu:hover>a:after{border-left-color:#0eaaf6;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{
	left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

.navbar-nav > li{
	font-size: 14px;
	text-transform: uppercase;
	margin-left: 0px;
	padding: 2px;
	width:155px;
}
.navbar-nav >a:hover{
	/*background: rgba(3, 156, 226, 0.27);*/
}

/*fin*/

/*tablette*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.w{
		margin-left: 5%;
		padding: 1%;
		width: 110px;
	}
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}



/* Accordion */
.panel-default>.panel-heading { background: none;}
.panel-default.active .panel-heading { background: #f9f9f9;}
.panel-group .panel { border-radius: 0; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.panel-body {padding: 5px 15px;}
.panel-body p { font-size: 13px;}
.panel-title { position: relative;}
.panel-title>a { text-transform: uppercase; color: #aaaaaa; display: block;}
.panel-default.active .panel-heading .panel-title>a { color: #000;}

.panel-title .indicator { position: absolute; top: 2px; right: 0; background: #666666; color: #fff; width: 20px; text-align: center;
	height: 20px; font-size: 7px; line-height: 20px;}
.indicator.icon-plus { background: #005495 !important; color: #fff !important;}

.tab-bullet {display: inline-block; width: 18px; height: 18px; background: #222222; border-radius: 50%;
	border: solid 2px #aaaaaa;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;
	-o-transition: all .3s; transition: all .3s; position: relative;}
.tab-bullet-active {display: inline-block; width: 18px; height: 18px; background: #222222; border-radius: 50%; border: solid 4px #005495;
	float: left; margin-right: 15px; margin-top: 4px;}
.tab-bullet::after { content: ''; border: solid 1px #777777; width: 135px; display: inline-block; position: absolute; top: 50%;
	margin-top: -1px; left: 65px;}
.tab-bullet.last::after { display: none;}

#process ul.nav-tabs { text-align: justify;}
#process ul.nav-tabs>li{ text-align: center; width: 20%; display: inline-block; float: none;}
#process ul.nav-tabs>li:last-child {margin-right: 0;}
#process ul.nav-tabs li.active .tab-bullet {border: solid 2px #005495;}
#process ul.nav-tabs li.active .tab-icon { color: #005495; }
.tab-icon { font-size: 25px; color: #fff;}

#process .nav-tabs>li>a {margin-right: 0; border-radius: 0; border: none; padding: 0;}
#process .nav-tabs>li>a b {color: #fff; text-transform: uppercase; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 300;}
#process .nav-tabs>li>a:hover { border: none; background: none;}
#process .nav-tabs>li.active>a { background: none; border: none; }
#process .nav-tabs { border: none;}
#process .tab-content>.tab-pane p { color: #ddd; margin-bottom: 30px;}

/* Typography */
.nav-tabs { border-bottom: 1px solid #005495;}
.nav-tabs >li > a { color: #000;}
.nav-tabs > li.active > a { color: #fff; background-color: #005495; border: 1px solid #005495;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { color: #fff; background-color: #005495; border: 1px solid #005495;}
.nav-tabs >li > a:hover { border-color: #005495; color: #000; background: #f5f5f5;}
.tab-pane { padding: 10px;}


.uppercase{
	text-transform: uppercase;
}
.big-title{
	font-weight: 300;
	margin-bottom: 20px;
	margin-top: 10px;
}
.white{
	color: #4899fa;
}