@charset "ISO-8859-1";
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,600);

table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
caption, th {
	text-align: left;
}
ul, ol {
	margin-top: 0;
	line-height: 20px;
}
a {
	text-decoration: none;
}
.white {
	background-color:#fff;
}
.grey {
	background-color:#F7F7F7;
}
.light-blue {
	background-color: #a6c1fd;
}
.clear {
	clear: both;
	font-size: 0px !important;
	line-height: 0px !important;
	display: block;
	height:0 !important;
	width:0;
}
.links {
	text-decoration: underline;
}
.right {
	text-align:right;
}

a, a:visited, a:active {
	font-weight: normal;
	color: #124f96;
}
a:hover {
	font-weight: normal;
	color: #ffc054;
}
html {
	height: 100%;
	width: 100%;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 13px;
	color: #666;
	background: #F7F7F7;
	font-weight:300;
	display: flex;
  flex-direction: column;
  counter-reset: item;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height:inherit;
}
hr{
	border-color:#124f96;
	width:70px;
	height:40px;
}
.light-blue {
	/*background-color:rgba(29,64,113,0.8);*/
	background-color: rgba(164, 191, 253, 0.8);
}
#home h2 {
	font-size:2.4em;
}
#home h3 {
	font-size:2.1em;
}
#home p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size:1.4em;
}
.row {
	margin-right:0;
	margin-left:0;
}
#boxes, #bandeau, #formules, #garantie #pourquoi-synebat {
	visibility:hidden;
  animation-duration: 1.75s;
  -webkit-animation-duration: 1.75s;
	-moz-animation-duration: 1.75s;
	-o-animation-duration: 1.75s;
	-ms-animation-duration: 1.75s;
}

/* Containers */
.container {
	padding:60px 0px;
}
header {
	background-color: none;
	height:120px;
	flex: 0 0 auto;
}

/* NAV */
nav {
	font-size:20px;
}
nav .container{
	padding:0px 30px;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent; 
}
.navbar {
    position: relative;
    height: 70px;
  	border: none;
  	padding:0;
  	margin:0;
}
.nav>li>a {
    padding: 25px;
}
.navbar-default .navbar-nav>li>a {
    color: #124f96;
}
#nav_home.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #124f96;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.dropdown-menu {
    padding: 10px 0;
    margin: 0;
    font-size: 18px;
    background-color: #ffc054;
    border: none;
    border-radius: 0px;
    box-shadow: none;
		width:200px; 
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 25px;
    clear: both;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #124f96;
    text-decoration: none;
		background-color: transparent;
}
.logo {
		background-image: url('../images/logo.png');
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    width: 250px;
    background-repeat: no-repeat;
    margin-top: 10px;
    float: left;
    background-position: 0 0;
}
/*Bouton*/
.btn {
	display: inline-block;
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
	zoom: 1;
	padding: 10px 30px;
	line-height: 1.5em;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #ffc054;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.btn:hover {
	color: #fff;
	background: #e47601; 
	text-decoration: none;
	
}
a.btn, a.btn:visited, a.btn:hover, a.btn:focus {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
/* Home */
#hero {
		background:url('../images/background.jpg') fixed no-repeat; 
		background-size:cover;
		 -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
		margin-top:-70px;
		color:#124f96;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/background.jpg',sizingMethod='scale')";
		
}
#hero .blue {
	background-color: rgb(164, 191, 253);
	background-color: rgba(164, 191, 253, 0.8);
}
#hero .container {
	padding:150px 0px 60px;
}
#hero .frame {
	position:relative;
	overflow:hidden;
}
#hero .laptop {
  max-height:80%;
  left: 57%;
  bottom:5%;
  position:absolute;
  margin:0 auto;
}
#hero, #hero .blue, #hero .frame {
	height:850px;
	width:100%;
}

#hero h1 {
	color:#fff;
	font-size:8em;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
#hero p {
	font-weight:normal;
	margin-bottom:2em;
	font-size:1.8em;
}
#hero a {
	font-size:2em;
}
#hero a.btn {
	padding:10px 30px;
}
#hero a.btn-left {
	margin-right:20px;
}
#hero a.btn-right {
	background-color:#e47601;
}
#hero a.btn-right:hover {
	background-color:#fff;
	color:#e47601;
}
#formules {
	text-align: center;
	background-color:#ffc054;
	color:#fff;
}
#formules a {
	margin-top:1em;
	font-size:2em;
	background-color: #fff;
	color: #ffc054;
}
#formules h2 {
	color:fff;
}
#garantie h2 {
	color:#124f96;
}
#garantie img {
margin-top:6em;
}
#formules h2, #garantie h2 {
	text-align:center;
	font-size:2.6em;
	line-height:2em;
	margin:0 auto;
}
#formules h2 span{
	border-radius:50px;
	background-color:#fff;
	font-wight:700;
	color:#ffc054;
	padding:0.2em 0.7em;
}
#bandeau, #bandeau-fonctions {
	width: 100%;
	height: auto;
	margin: 0;
	background-color:#124f96;
	color:#fff;
	text-align:center;
}
#bandeau h2, #bandeau-fonctions h2{
	color:#fff;
	max-width:60%;
	margin:0 auto;
	line-height:1.6em;
	margin-bottom:1em;
}
#bandeau a, #bandeau-fonctions a{
	background-color:#fff;
	color:#124f96;
	padding:10px 30px;
	margin:0 auto;
	font-size:2em;
	margin-bottom:0;
}
#bandeau a:hover, #bandeau-fonctions a:hover, #formules a:hover{
	opacity:0.8;
	-ms-filter: "alpha(opacity=8)";
	-moz-opacity: 0.80;
filter: alpha(opacity=80);
}

#pourquoi-synebat {
	width: 100%;
	height: auto;
	margin: 0;
	background: url('../images/background2.jpg') fixed top right;
	background-size:cover;
	color:#fff;
	text-align:center;
}
#pourquoi-synebat h3{
	color:#fff;
}
#pourquoi-synebat p {
	font-size:1.34m;
}
#pourquoi-synebat .box {
	padding-bottom:3em;
}
/*boxes*/
#boxes {
	background-color:#fff;
}
#boxes .box {
	text-align:center;
	position:relative;
}
#boxes .box img {
	margin: 0 auto 25px auto;
}
#boxes h2 {
	text-align: center;
	color:#124f96;
}
h2 span{
	color: #ffc054;
}
#boxes .box h3 {
	font-weight: 300;
	text-align: center;
	padding: 0 0 18px;
	color:#124f96;
}
#boxes .box p {
	font-weight: normal;
	text-align: center;
	padding: 0 10px 15px 10px;
}
#boxes .box a {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	width:200px;
}
/*pages*/
#page_hero {
		background:url('../images/background.jpg') bottom left fixed; 
		background-size:cover;
		width:100%;
}
#page_hero h1{
		color:#fff;
		font-weight:300;
		font-size:4em;
}
#page_hero .blue{
		background-color: rgba(164, 191, 253, 0.7);
}
#page , #home{
	flex: 1 0 auto;
	background-color:#fff;
}
#intro h1 {
	color:#124f96;
}
#page h2 {
	font-size:2em;
}
#page h3 {
	font-size:1.7em;
}
#page p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size:1.2em;
}
#page ul , #page ol{
	font-size:1.2em;
	line-height: 1.2em;
	margin-top:0.3em;
	margin-bottom:0.3em;
}
#page ul li, #page ol li{
 line-height:1.6em;

}
#page ol li ol {
	font-size:1em;
}

/*page fonctionnalites*/
#intro {
	background-color: #fff;
}
#detail_fonctions .row {
	padding-bottom:40px;
}

#detail_fonctions h4, #demo_details h3 {
	color:#124f96;
}
#detail_fonctions .img-responsive {
	box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.04);
}
#raisons h2, #demo h2, .pricing-tables h2, #detail_fonctions h1, #detail_fonctions h2   {
	color:#124f96;
	text-align:center;
}
/*demo*/

#demo h2 {
	text-align:center;
	max-width:800px;
	margin: 0 auto;
}
#demo ul {
	margin-bottom:3em;
	margin-top:1em;
}
#demo ul li {
	font-size:1.2em;
	line-height:1.6em;
	padding:3px 0 0 0;
}
#demo .fa-caret-right {
	color:#ffc054;
	font-size:1.4em;
}
#demo_details .fa-caret-right {
	color:#ffc054;
	font-size:1.3em;
}
#demo_details h3 {
margin:0 0 1em 0;
}


/*aide*/
#liste-aide {
	padding-left: 30px;
	line-height: 15px;
}
.sommaire p {
	margin: 0;
	text-decoration: underline;
}
.sommaire ol {
	margin-left:3em;
		list-style:none;
	 counter-reset: li-counter;
}
.sommaire ol li ol {
	list-style:none;
	 counter-reset: li-counter;
	 margin-left:0;
}
.sommaire li, .sommaire ol li {
	position: relative;
}
.sommaire ol li::before {
	position: absolute;
	top: 0px;
	left: -1.2em;
	color: #124f96;
	content: counter(li-counter) '.';
	counter-increment: li-counter;
}
.sommaire ol li ol li::before {
	position: absolute;
	top: 0px;
	left: -1.2em;
	color: #124f96;
	content: counter(li-counter, lower-alpha) '.';
	counter-increment: li-counter;
}
.sommaire a:hover, .sommaire a:link, .sommaire a:active, .sommaire a:visited {
	color: #124f96;
	text-decoration: underline;
	font-weight: normal
}
.sommaire h1 {
	font-size: 2.2em;
	margin: 0;
	text-decoration: underline;
	color: #124f96;
	padding-bottom: 5px;
	margin-top: 20px
}
.sommaire h2 {
	font-size: 1.2em;
	margin: 0;
	text-decoration: underline;
	color: #124f96;
	padding-bottom: 5px;
	padding-left: 30px;
}
#aide p {
	padding-left: 10px;
	clear: both
}
#aide ul {
	padding-left: 80px;
}
#aide ul li ul{
	font-size:1em;
	margin-top:10px;
}
#aide img {
	margin: 20px auto;
	
}
#aide .img-responsive {
	text-align:center;
}
#aide .ico2 {
	margin: 0 5px;
}
#aide .ico1 {
	margin: auto 5px;
}
#aide .comment {
	padding-left: 30px;
	margin-top:20px;
	font-style:italic;
}
#aide h1 {
	background-color: #124f96;
	color: #fff;
	margin: 20px 0 10px 0;
	padding: 5px 0 5px 10px;
	font-size: 1.7em;
}
#aide h2 {
	background-color: #788bae;
	color: #fff;
	margin: 20px 0 10px 0;
	padding: 5px 0 5px 40px;
	font-size: 1.5em;
}
#aide h3 {
	background-color: #98b2ea;
	color: #fff;
	margin: 20px 0 10px 0;
	padding: 5px 0 5px 70px;
	font-size: 1.3em;
}
#aide h4 {
	background-color: #bdd5fd;
	color: #fff;
	margin: 20px 0 10px 0;
	padding: 5px 0 5px 100px;
	font-size: 1.1em;
}
#aide .titre1 {
	color: #124f96;
	margin: 0 0 2px 0;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 10px;
}
#aide .titre2 {
	color: #e47601;
	margin: 0 0 2px 0;
	text-decoration: underline;
	font-weight: bold;
	padding-left: 10px;
}
#aide h1, #aide h2, #aide h3, #aide h4 {
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
#aide h1 a, #aide h2 a, #aide h3 a, #aide h4 a {
color:#fff;
}
#aide h1 a:hover, #aide h2 a:hover, #aide h3 a:hover, #aide h4 a:hover {
text-decoration: none;
}
#aide ul.bottom_nav {
	text-align: right;
	list-style: none;
}
#aide ul.bottom_nav li{
	display:inline;
	padding-left:10px;
}
/*pricing table*/
.pricing {
	text-align: center;
	border: 1px solid #f0f0f0;
	color: #666;
	font-size: 14px;
	padding-left: 0;
	margin-bottom: 30px;
}
.pricing li:first-child,
.pricing li:last-child {
	padding: 20px 13px;
}
.pricing li:first-child {
	color:#fff;
	font-weight:300;
}
.pricing li {
	list-style: none;
	padding: 13px;
}
.pricing li + li {
	border-top: 1px solid #f0f0f0;
}
.pricing big {
	font-size: 32px;
}
.pricing-tables h3 {
	margin-bottom: 0.3em;
    font-size: 2em;
    font-weight: 400;
}
.pricing-tables h2 {
	text-align: center;
}
.pricing-tables hr {
	height:30px;
}
.pricing-tables h2:nth-child(2){
	margin-top:2em;
}
.pricing span {
	font-size: 13px;
	color: #888;
	font-weight: normal;
}
.pricing a.btn:hover {
	opacity:0.9;
}
.pricing li:nth-last-child(2) {
	padding: 30px 13px;
}
/* pricing color */

.p-green h3 {
	color: rgb(14,97,14);
}
.p-green a, .p-green a:hover, .p-green li:first-child{
	background: rgb(14,97,14);
}
.p-yel h3 {
	color: #ffc054;;
}
.p-yel a, .p-yel a:hover, .p-yel li:first-child {
	background: #ffc054;
}
.p-purple h3 {
	color: rgb(53,14,151);
}
.p-purple a, .p-purple a:hover, .p-purple li:first-child {
	background: rgb(53,14,151);
}
.p-blue h3 {
	color: rgb(72,118,211);
}
.p-blue a, .p-blue a:hover, .p-blue li:first-child {
	background: rgb(72,118,211);
}

/*footer*/
footer {
	background: #124f96;
	color:#fff;
	flex: 0 0 auto;
	flex-basis: auto;
}
footer .container {
	padding-top:30px;
	padding-bottom:30px;
}
footer ul {
	list-style:none;
	text-align:right;
	padding:0;
	margin-bottom:0;
}
footer ul li{
	display:inline;
	padding:0;
	margin:0;
}
footer ul li a{
	color:#fff;
	font-size:1.2em;
	padding:0 2px;
}
footer ul li a:active, footer ul li a:visited {
	color:#fff;
}
footer ul li a:hover{
	color:#ffc054;
	text-decoration:none;
}
footer ul li::after{
	content:"\00a0 |";
}
footer ul li:last-child::after{
	content:"";
}
#plan h1 {
	font-size: 1.6em;
	padding: 15px 0 0 0;
	margin: 0;
	color: #e47601;
	font-weight: normal
}
/*plan*/
#plan h2 {
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	color: #124f96;
	text-shadow: none;
}
#plan h1 a:hover, #plan h1 a:active {
	color: #85aff1;
	font-weight: normal
}
#plan h2 a:hover, #plan h2 a:active {
	color: #85aff1;
	font-weight: normal
}
#plan h1 a:link, #plan h1 a:visited {
	color: #e47601;
	font-weight: normal
}
#plan h2 a:link, #plan h2 a:visited {
	color: #124f96;
	font-weight: normal
}
/* CSS Document */

/* Les elements du formulaire*/

input{
background-color:#EBF2F8;
border-bottom:1px solid #B0B1B2;
border-style:none none solid;
font-size:110%;
margin-right:0;
margin-top:2px;
padding-bottom:4px;
padding-top:3px;
width:200px;
}
select{
background-color:#EBF2F8;
border-bottom:1px solid #B0B1B2;
border-style:none none solid;
font-size:110%;
width:200px;
}
input.inputnormal{
background-color:#EBF2F8;
border-bottom:1px solid #B0B1B2;
border-style:none none solid;
font-size:110%;
margin-right:0;
margin-top:2px;
padding-bottom:4px;
padding-top:3px;
width:200px;
}
div.bloccellule{
margin: 0px;
padding: 0px;
color: #003366;
font-size: 12px;
float: left;
margin-top:10px;
/*background:#FFFFFF;*/
}	
div.tetecellu{
	width:100%;
	margin: 0px;
	padding-top: 5px;
	padding-bottom:5px;
	color: #003366;
	font-size: 12px;
	float: left;
	overflow: hidden;
	background:#e3e3e3;
}
div.cellu{
	width:100%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom:3px;
	padding-left:5px;
	color: #003366;
	font-size: 12px;
	float: left;
	overflow: hidden;
	background:#FFFFFF;
}
input.date_naissance{
	background:#009;‡}
input.ipnutdate{
	background:#999;
	width:100px;
	padding-left:5px;
	margin-left:5px;}
input[type=radio]{
color:#CCCCFF;
background-color:#CCCCFF;
font-size:12px;
font-family:arial;
width:20px;
padding:0px;
margin:0px;
}	
textarea.message{
	width:700px;
	height:150px;
	clear:both;
	
}
.contact_titre_gestion{
	display:none;}
#formulaire_Contact{
	width:700px;
	margin:auto;
	color:#003366;
}
#formulaire_Contact label{
	width:100px;
	display:inline-block;
	float:left;
}
#formulaire_Contact_contenu{
	display:inline-block;}
.ligne1, .ligne2{
	clear:both;} 
.ligne{
	clear:both;
	display:inline-block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 1px;
	font-size: 12px;
	float: left;
}
#formulaire_Contact .info label{
	width:500px;}

@media (min-width: 1400px) {
#hero .container {
    width: 1200px;
}
}

@media (min-width: 768px) {
.navbar-right .dropdown-menu {
    right: auto;
    left: auto;
}
}
@media (max-width: 1399px) {
#hero, #hero .container, #hero .blue, #hero .frame {
	height:auto;
}
#hero .laptop {
	bottom:2%;
	max-height:75%;
	left:60%;
}
}
@media (max-width: 1199px) {
.navbar-nav>li>a {
   padding: 20px 10px;
}
}
@media (max-width: 991px) {
header {
	height: auto;
	width: 100%;
	margin:0;
}
h1 {
	font-size:6em;
}
h1 {
	font-size:2em;
}
p {
	font-size:1.5em;
}
nav .container {
	background-color: #124f96;
}
.navbar>.container .navbar-brand {
	margin-left:15px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover, #nav_home.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a{
    color: #ffc054;
}
.logo{
	background-image: url('../images/logo-white.png');
	width:150px;
}
.container>.navbar-collapse, .container>.navbar-header {
	margin-right:0;
	margin-left:0;
}
.navbar-default .navbar-collapse {
    border: none;
}
.navbar-nav {
    margin-top:0;
    margin-bottom:0;
}
.container {
	padding:60px 40px;
}
#hero .container {
	padding:90px 60px 40px;
}
#hero .laptop{
	position:relative;
	text-align:center;
	left:0;
	margin-top:2em;
}
.logo img {
	height: auto;
	padding: 0;
	max-width: 100%;
}
.fonctions {
	margin: 0 auto;
	padding-top: 10px;
	width: 100%
}
#hero .btn {
	margin-bottom:0.8em;
	width:200px;
}
#aide p {
	padding:0px;
}
#aide h1, #aide h2, #aide h3, #aide h4 {
	padding: 5px 0 5px 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#aide .titre1, #aide .titre2 {
padding-left: 0px;
}
#aide ul {
padding-left: 20px;
}
}
@media (max-width: 767px) {
#hero, #hero .container, #hero .blue, #hero .frame {
	height:auto;
}
#hero h1 {
    font-size: 5em;
}
nav .container {
	padding:0;
}
.navbar {
	height:auto;
}
.navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a{
   font-size:15px;
   padding:10px;
   border-top:1px solid rgba(255,255,255,0.3);
   color:#fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
	padding-left:20px;
}
.dropdown-menu {
	padding:0;
}
#boxes .box img {
    margin: 0 auto;
}
#boxes .box  {
    margin-bottom:3em;
}
footer .copyright {
	text-align:center;
	padding:0;
}
footer ul {
	text-align:center;
	margin-top:2em;
}
footer ul li{
	display:block;
	padding:5px 0;
}
footer ul li::after{
	content:"";
}
}
@media (max-width: 479px) {
footer .container, .container {
	padding:30px;
}
hr {
	height:20px;
}
#hero .container {
	padding:100px 30px 30px;
}
.container>.navbar-collapse, .container>.navbar-header {
	margin-right:0;
	margin-left:0;
}
#hero h1 {
	font-size:3.5em;
}
#hero .intro {
	padding-right:0;
}
#hero h2, #formules h2, #garantie h2,  #bandeau h2{
	font-size:2em;
}
#hero p {
	margin-bottom:1.2em;
	font-size:1.4em;
}
#hero a, #bandeau a, #formules a, #garantie a {
	font-size:1.7em;
}
#page_hero h1 {
    font-size: 2.5em;
}
#page_hero {
		background:url('../images/background.jpg') center left; 
}
.logo img {
	height: auto;
	width: 240px;
}
.btn {
	padding: 10px 15px;
}
}