html {
overflow-x: hidden;
}
article, aside, footer, header, nav, section {
display : block;
}
figcaption, figure, main {
display : block;
}
figure {
margin : 1em 40px;
}
hr {
box-sizing : content-box;
height : 0;
overflow : visible;
}
pre {
font-family : Arial, sans-serif;
font-size : 1em;
}
a {
background-color : transparent;
text-decoration : none;
color : #333;
}
b, strong {
font-weight : inherit;
}
b, strong {
font-weight : bolder;
}
img {
border-style : none;
}
body {
font-family: "Inter", sans-serif;
font-size: 1.2rem;
font-weight: 300;
margin: 0;
overflow-x: hidden;
}
form {
padding-left: 15px;
padding-top: 20px;
}

.samples{margin: 0 auto;display: inline-block;max-width: 1380px;}
.next_button{text-align:center;margin-top:50px;}
footer .footer-container {
padding: 0 80px;
}
footer {
font-size: 0.9rem;
background-color: #4F4F4F;
color: #fff;
padding: 100px 0;
display: inline-block;
width: 100%;
}
footer a {
color: #c6c7ca;
font-weight: 300;
font-size: 1rem;
}
footer .fa {
margin-right : 10px;
margin-left:10px;
}
#ilsparlent {
margin : 0 auto;
width : 90%;
text-align : center;
margin-bottom : 80px;
margin-top : 80px;
}
#partenaires {
display: inline-block;
width: 100%;
}
h2 {
font-size: 2.3rem;
font-weight: 400;
text-align: center;
margin: 120px 0 50px 0;
font-family:"Inter", sans-serif;
}
h3 {
font-size: 1.5rem;
font-weight: 300;
text-align: center;
color: #404040;
}
.presentation h3 {
  color: #ccc;
}
#votremetier h3 {
color: #5b5b5b;
}
.fonctionnalites h3 {
color: #595959;
}
#slideMe h3{
color: #ccc;
}
.cover h3{
color: #ccc;
}
h4 {
font-size : 1.4rem;
text-align : center;
}
h5 {
text-align : center;
}
.essaigratuit {
font-size: 0.95rem;
margin: 30px 0 30px 0;
}
.register {
background-color:#0043c4;
color:#fff;
font-weight:bold;
}
.cover {
overflow: hidden !important;
}
.suivant {
background-color: #000;
font-size: 1.3rem;
color: #fff;
padding: 15px;
border-radius: 5px;
line-height: 2.5;
}
.made {
float: right;
font-size: 0.9rem;
margin: 1%;
}
#bouton {
padding-bottom : 40px;
}
ul#fade {
color: #fff;
text-align: center;
padding: 100px 0;
background-color: #0043c4;
font-size: 1.4rem;
list-style: none outside none;
line-height: 1.7;
margin: 0;
}
ul#slide {
font-weight : 600;
list-style : none outside none;
text-align : center;
color : #fff;
font-size : 40px;
}
#commander {
background-color: #0043c4;
border-radius: 5px;
color: #fff;
font-size: 1.2rem;
padding: 10px;
}
.exemples {
text-align: center;
background-color: #fff;
width: 100%;
display: inline-block;
}
.mutlimedia {
text-align: center;
background-color: #fff;
display: inline-block;
width: 100%;
}
.exemples a {
border : #dedede solid 1px;
float : left;
width : 150px;
height : 120px;
display : block;
margin : 5px;
padding : 5px;
}
.avis {
text-align: center;
background-color: #0043c4;
width: 100%;
padding-bottom: 30px;
padding-top: 30px;
}
#home{color:#fff;}

#txt_home {
margin-top : 160px;
text-align:center;
}
.presentation {
background-color: #333;
color: #fff;
display: inline-block;
margin-top: 40px;
width:100%;
}
.presentation p {
	color:#fff;
}
#slideMe {
color : #fff;
background-color : #000;
display : inline-block;
width : 100%;
text-align : center;
font-weight : 100;
line-height : 1.8;
padding-bottom : 120px;
}
#slideMe p {
color : #dfdfdf;
}
#slideMe a {
color : #fff;
}
.fonctionnalites {
background-color: #fff;
display: inline-block;
width:100%;
}
.contact {
background-color : #0043c4;
color : #fff;
display : inline-block;
width : 100%;
}
.contact p { color:#fff; }
.contact h3 { color:#b3cdff; }
div#colonne1 {
float : left;
width : 33%;
padding : 10px;
margin-right : 10px;
border-right : 1px dashed #DEDEDE;
height : auto;
}
div#colonne2 {
float : right;
width : 33%;
padding : 10px;
margin-left : 10px;
border-left : 1px dashed #DEDEDE;
height : auto;
}
div#centre {
overflow : hidden;
padding : 10px;
height : auto;
}
#order {
color: #fff;
text-align: center;
background: #242323;
}
#order p { color:#fff;}
#contactcol {
width : 100%;
display : inline-block;
margin-top : 25px;
}
#contactcol h3 {
margin-top : 0;
}
#votremetier {
background-color : #fdfdfd;
display:inline-block;
width:100%;
}
p {
font-weight: 100;
text-align: center;
line-height: 1.7;
font-size: 1.2rem;
max-width: 1280px;
margin: 40px auto 40px auto;
color:#404040;
}
h1 {
font-weight: 500;
font-size: 3rem;
text-align: center;
font-family: "Inter", sans-serif;
}
#simple {
font-size: 1.3rem;
line-height: 1.5;
margin:40px 0 40px 0;
color:#fff;
}
#titre2 {
font-weight: 400;
font-size: 2rem;
margin:30px 0 50px 0 !important;
}
@media all and (max-width:480px) {
#txt_home {
margin-top : 130px !important;
}
#colonne1 {
width : 100% !important ;
}
#colonne2 {
width : 100% !important ;
float : left !important ;
border-left : transparent !important ;
margin-left : 0 !important ;
}
#colonne3 {
width : 100% !important ;
}
input[type="text"], input[type="url"], input[type="email"], input[type="tel"] {
width : 80% !important ;
}
}
input[type="text"], input[type="url"], input[type="email"], input[type="tel"] {
background-color : #fff;
border : none medium;
border-radius : 3px;
color : #000;
display : inline-block;
font-size : 20px;
font-weight : 100;
line-height : 0.9rem;
margin : 0 19px 15px 0;
outline : medium none;
padding : 12px 14px;
width : 210px;
}
::-webkit-input-placeholder {
color : #777;
}
#order input:-moz-placeholder {
color : #777;
}
.a-button-submit {
background-color : #F9F9F9;
border : #CCC solid 1px;
border-radius : 3px 3px 3px 3px;
color : #000;
min-height : 35px;
margin-bottom : 25px;
min-width : 100px;
padding : 13px;
text-shadow : 1px 1px 0 rgba(255, 255, 255, 0.7);
cursor : pointer;
}
#register {
float : right;
font-size : 12px;
margin-right : 10px;
margin-left : -10px;
margin-top : -13px;
}
#register a {
background-color : #000000;
border-radius : 5px 5px 5px 5px;
color : #FFFFFF;
padding : 1px 5px;
text-decoration : none;
}
#tarifs {
font-size: 0.9rem;
color: #fff;
}
#nondispo {
background-color : #e61327;
color : #fff;
padding : 15px;
}
#nondispo p {
font-weight : bold;
}
input[type="image"] {
box-shadow : none;
background : none;
margin : 0;
padding : 0;
}
#clignote {
animation : clignote 1s infinite;
}
.arrowbot{font-size:60px !important;}

@keyframes clignote {
0% {
opacity : 1;
}
50% {
opacity : 0;
}
100% {
opacity : 1;
}
}
.social-likes {
margin: auto;
width: 300px;
padding: 30px 0 30px 0;
}
.facebook {
background : #3d5b95;
float : left;
margin : 0.5em;
font-size : 0.9rem;
padding : 0.4em;
}
.twitter {
background : #19799F;
float : left;
margin : 0.5em;
font-size : 0.9rem;
padding : 0.4em;
}
.plusone {
background : #0e76a8;
float : left;
margin : 0.5em;
font-size : 0.9rem;
padding : 0.4em;
}
.social-likes a {
color : #fff;
}
.cd-top.cd-is-visible {
visibility : visible;
opacity : 1;
}
.cd-top.cd-fade-out {
opacity : 0.5;
}
.cd-top {
display : inline-block;
height : 60px;
width : 60px;
position : fixed;
bottom : 40px;
right : 30px;
box-shadow : 0 0 10px rgba(0, 0, 0, 0.05);
overflow : hidden;
text-indent : 100%;
white-space : nowrap;
background : url(../img/cd-top-arrow.svg) center 50% no-repeat rgb(0, 5, 9);
visibility : hidden;
opacity : 0;
}
.cd-top.cd-is-visible {
visibility : visible;
opacity : 1;
}
.cd-top.cd-fade-out {
opacity : 0.5;
}
.no-touch .cd-top:hover {
background-color : #0043c4;
opacity : 1;
}

.header {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 3;
  top:0;
}

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.header li a {
  display: block;
  padding: 24px 20px;
  text-decoration: none;
}

.header .logo {
  display: block;
  float: left;
  padding: 21px;
}

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
}

.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 20px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 5px;
  position: relative;
  transition: background .2s ease-out;
  width: 35px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 10px;
}

.header .menu-icon .navicon:after {
  top: -10px;
}

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 370px;
  margin-bottom: 20px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

@media all and (max-width: 480px)  {
	.suivant {font-size: 1rem !important;}
	h1 { font-size: 2.3rem; }
	#titre2 { font-size: 1.7rem; }
	#simple { font-size: 1.1rem; }
	h2 { font-size: 2rem; line-height: 1.5; padding-right: 15px; padding-left: 15px; }
	h3 { font-size: 1.3rem; padding-right: 15px; padding-left: 15px; }
	p { padding-right: 15px; padding-left: 15px; }
	ul#fade  { padding-right: 15px; padding-left: 15px; }
	footer .footer-container { padding: 0 15px;line-height: 1.5;}
	.samples{max-width: 350px;}
}

@media (min-width: 62em) {
	
  .suivant {font-size: 1.2rem !important;}
  .header li {
    float: left;
  }
  .header li a {
    padding: 24px 30px;
  }
  .header .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }
}