@font-face{
    font-family : "Gotham";
    src : url('../fonts/GothamRoundedBold_21016.ttf');
	font-weight : 600;
}

@font-face{
    font-family : "Gotham";
    src : url('../fonts/GothamRoundedBold_21016.ttf');
	font-weight : bold;
}


@font-face{
    font-family : "Gotham";
    src : url('../fonts/GothamRoundedMedium_21022.ttf');
	font-weight : normal;
}

@font-face{
    font-family : "Gotham";
    src : url('../fonts/GothamRoundedBook_21018.ttf');
	font-weight : 400;
}


a { text-decoration: none!important;}

/********** 3D SECURE VALIDATE **********/
div.validate_confirm {height: 500px; width: 100%; margin-top: 30%;}
div.validate_confirm span#validate { line-height: 24px; font-family: 'Gotham'; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #b3c2ca; text-transform: uppercase;}


/*********************************************************************/
/********************* NAV MOBILE TEMPLATE ***************************/
/*********************************************************************/

nav#nav-mobile { padding-top: 50px; top:0px; left:-60%; width: 60%; height: 100%; position: fixed; z-index: 99; background-color: white; }
nav#nav-mobile.active { left:0%; }
nav#nav-mobile ul { margin: 0px; padding: 0px; margin-left: 30px; }
nav#nav-mobile ul li { list-style: none; margin-bottom: 24px; }
nav#nav-mobile ul li a { line-height: 24px; font-family: 'Gotham'; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #b3c2ca; color: #b3c2ca; text-transform: uppercase; }
nav#nav-mobile ul li a span { font-size: 24px; margin-right: 10px; }
nav#nav-mobile ul li a:hover, nav#nav ul li.active a { color: #365669; }
nav#nav-mobile ul li a:hover span, nav#nav ul li.active a span { color: #0c9cee; }
nav#nav-mobile a.signup { width:80%; margin-left: 12px; margin-top: 15px; font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }
nav#nav-mobile a.login { width:80%; margin-left:12px; margin-top: 15px; font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; color: #0c9cee; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }

/*****************************************************************/
/********************* GLOBAL CSS ********************************/
/*****************************************************************/

*, *:hover, *:focus, *:active, *:visited { outline: none!important; }
body { background-color: white; font-family: arial; color: #365669; position: relative; }
ul { list-style: none; margin: 0px; padding: 0px; }

/**** Nav mobile CSS ****/

div#overlay-nav-mobile { position: fixed; width: 100%; height: 100%; left:-100%; top:0px; z-index: 98; background-color: black; opacity: 0.5;}
a.show-nav-mobile { font-size: 20px; color:#0c9cee; float:left; margin-top: 10px; margin-right: 10px; display: inline-block; height: 40px; width: 50px;}
body.open-nav-mobile { left:60%; overflow: hidden; }
body.open-nav-mobile header#header { left:60%; }
body.open-nav-mobile div#overlay-nav-mobile { left:0%; }

/**** Notification CSS ****/

section#notification { position: fixed; top:0px; left:0px; width: 100%; height: 70px; z-index: 100; text-align: center; font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; padding-top: 22px;}
section#notification.error { background-color: #f95064; color:white; }
section#notification.error a, section#notification.error a:hover {
	text-decoration: underline!important;
	color:white;
}
section#notification.success { background-color: #09d374;; color:white; }

/**** Modal CSS ****/
.modal-backdrop { background-color: white; }
.modal-backdrop.in { opacity: 0.85;}
.modal-dialog { width: 460px; border-radius: 2px; border: 0px;}
.modal-dialog .modal-content { width: 460px; border-radius: 2px; border: 0px; box-shadow: 1px 0 10px 0 rgba(53, 85, 105, 0.1); margin-bottom: 100px; }
.modal-dialog .modal-content .modal-body { padding: 60px; position: relative; height: 580px;}
.modal-dialog .modal-content .modal-body .arrow_prev { display: none; }
.modal-dialog .modal-content .modal-body .arrow_prev span.glyphicon-chevron-left { color:#b3c2ca; font-size: 20px; position: absolute; top:25px; left:20px;}
.modal-dialog .modal-content .modal-body div.bloc_register_step2 { display: none; }
.modal-dialog .modal-content .modal-body h3 { text-align: center; font-family: 'Gotham'; font-size: 20px; color: #365669; font-weight: bold; margin-bottom: 10px; padding-bottom: 20px; margin-top: 0px; }
.modal-dialog .modal-content .modal-body p { text-align: center; font-size: 12px; line-height: 1.7; color: #39586b; font-family: 'Gotham'; font-weight: 600; }
.modal-dialog .modal-content .modal-body em { text-align: center; display: block; font-size: 11px; color: #39586b; padding-top: 10px; }
.modal-dialog .modal-content .modal-body div.group-input { width: 100%; margin: 0px; padding: 0px; margin-bottom: 40px; position: relative; height: 30px; margin-bottom: 10px; margin-top: 20px; text-align: left; }
.modal-dialog .modal-content .modal-body div.group-input div.icon { position: absolute; left:4px; top:0px; z-index: 9; font-size: 16px; }
.modal-dialog .modal-content .modal-body div.group-input input { width: 90%; font-size: 14px; color: #365669; font-family: 'Gotham'; font-weight: 600; outline: none!important; position: relative; padding-left: 35px!important; border-radius: 5px; }
.modal-dialog .modal-content .modal-body div.group-input span.error { position: absolute; bottom:-16px; font-size: 11px; left:36px;  }
.modal-dialog .modal-content .modal-body div.liner { width: 100%; height: 0px; border-radius: 2px; border: solid 1px #e8ebef; margin-bottom: 30px; }
.modal-dialog .modal-content .modal-body span.or { display: block; width: 100%; text-align: center; font-size: 12px; letter-spacing: 1px; color: #c7d0d2; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; margin-bottom: 30px; margin-top: 30px; }
.modal-dialog .modal-content .modal-body .btn { width: 100%; line-height: 54px; }
.modal-dialog .modal-content .modal-body .btn span { font-size: 24px; position: relative; top:3px; left:-3px; }
.modal-dialog .modal-content .modal-body div.modal-close { position: absolute; top:20px; right:20px; }
.modal-dialog .modal-content .modal-body div.modal-close a { color:#b3c2ca; font-size: 20px; }
.modal-dialog .modal-content .modal-body div.link { width: 100%; bottom:-40px; text-align: center; left:0px; font-family: 'Gotham'; font-weight: 600; font-size: 12px; }
.modal-dialog .modal-content .modal-body div.link.babysitter { bottom:-60px; }
.modal-dialog .modal-content .modal-body ul.selectTypeAccount { margin: 0px; padding: 0px; margin-bottom: 35px; text-align: center; }
.modal-dialog .modal-content .modal-body ul.selectTypeAccount li { text-transform: uppercase; display: inline-block; text-align: center; width: 100px; font-size: 12px; font-weight: 600; color: #365669; letter-spacing: 1px; }
.modal-dialog .modal-content .modal-body ul.selectTypeAccount li:hover, .modal-dialog .modal-content .modal-body ul.selectTypeAccount li.active { color: #0c9cee; }
.modal-dialog .modal-content .modal-body ul.selectTypeAccount li.or { position: relative; top:-70px; width: 100px; font-size: 12px; letter-spacing: 1px; color: #c7d0d2; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600;  }
.modal-dialog .modal-content .modal-body ul.selectTypeAccount li a { border-radius: 40px; width: 70px; height: 70px; display: inline-block; background-color: #ffffff; box-shadow: 0 2px 10px 0 rgba(53, 85, 105, 0.1); color:#b3c2ca; font-size: 18px; line-height: 70px; margin-bottom: 30px; }
.modal-dialog .modal-content .modal-body ul.selectTypeAccount li a:hover, .modal-dialog .modal-content .modal-body ul.selectTypeAccount li a.active { color:#0c9cee; }



form .error { display: none; color:#f95064; margin-top: 10px; margin-bottom: 10px; }

h1 { font-family: 'Gotham'; font-weight: 600; font-size: 48px; line-height: 1.2; }
h2 { font-family: 'Gotham'; font-weight: 600; font-size: 24px; letter-spacing: 2px; padding-bottom: 50px; }


.btn { padding-top:0px!important; line-height: 54px; position: relative; height: 54px; border-radius: 100px; border: solid 2px; display: inline-block; font-size: 12px; letter-spacing: 1px; font-family: 'Gotham'; font-weight: 600; text-decoration: none; text-transform: uppercase; padding-left: 40px; padding-right:40px; }
.btn.btn-facebook { border-color: #3b5998; background-color: #3b5998; color:white; }
.btn.btn-submit { border-color: #0c9cee; background-color: #0c9cee; color:white; }
.btn.btn-empty { border-color: #b3c2ca; background:none; color: #0c9cee; }
.btn.btn-blocked { background-color: #e8ebef; border-color: #e8ebef; color: #afb0b0; }

.form-control { border:none; background-color: white!important; outline: none!important; box-shadow: none!important; height: auto!important; padding: 0px!important;}
.form-control:hover, .form-control:focus, .form-control:visited { outline: none!important; }

section#home_page { padding-top: 100px; margin-right: 460px; padding-left: 15%; padding-right: 15%; position: absolute; height: 110%; background-image: url('../img/template/illu_parent.png'); background-size: 50%; background-repeat: no-repeat; background-position: bottom left; }
section#home_page h1 { font-size: 48px; line-height: 1.2; color: #365669; font-weight: 600; }
section#home_page p { font-size: 20px; line-height: 1.5; color: #b3c2ca; font-weight: 400; padding-bottom: 40px; }


section#right-bar h3 { font-size: 24px; font-family: 'Gotham'; font-weight: 600; margin-bottom: 60px; }
section#right-bar h4 { font-size: 12px; letter-spacing: 1px; color: #c7d0d2; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; margin-bottom: 30px; }
section#right-bar .btn { width: 100%; margin-top: 10px; margin-bottom: 10px; }
section#right-bar ul.selectTypeAccount { margin: 0px; padding: 0px; margin-bottom: 65px; }
section#right-bar ul.selectTypeAccount li { text-transform: uppercase; display: inline-block; text-align: center; width: 100px; font-size: 12px; font-weight: 600; color: #365669; letter-spacing: 1px; }
section#right-bar ul.selectTypeAccount li.or { position: relative; top:-70px; width: 30px; font-size: 12px; letter-spacing: 1px; color: #c7d0d2; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600;  }
section#right-bar ul.selectTypeAccount li a { border-radius: 40px; width: 70px; height: 70px; display: inline-block; background-color: #ffffff; box-shadow: 0 2px 10px 0 rgba(53, 85, 105, 0.1); color:#b3c2ca; font-size: 18px; line-height: 70px; margin-bottom: 30px; }
section#right-bar ul.selectTypeAccount li a:hover, section#right-bar ul.selectTypeAccount li a.active { color:#0c9cee; }
section#right-bar div.liner { width: 100%; height: 0px; border-radius: 2px; border: solid 1px #e8ebef; margin-bottom: 30px; }
section#right-bar span.or { font-size: 12px; letter-spacing: 1px; color: #c7d0d2; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; margin-bottom: 30px; }
section#right-bar div.link { padding-top: 20px; }
section#right-bar div.link a { text-decoration: none; color: #0c9cee;  }


header#header { background-color: white; width: 100%; left:0px; height: 70px; top:0px; position: fixed; z-index: 9; box-shadow: 1px 0 10px 0 rgba(53, 85, 105, 0.1); }
header#header img.logo { height: 70px; }
header#header ul li { display: inline-block; }
header#header ul li a { color:inherit; }
header#header ul.nav li a { padding: 0px;  padding-left:22px; padding-right: 22px; color: #365669; height: 70px; line-height: 70px; font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 14px; letter-spacing: 1px; }
header#header a.signup { margin-top: 15px; font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }
header#header a.login { margin-top: 15px; font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; color: #0c9cee; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }

section#page { padding-top: 100px; padding-bottom: 100px; text-align: justify;}
section#page h1 { text-align: left; }



section#slider { height: 550px; position: relative; }
section#slider div.background { width:100%; height: 548px; overflow: hidden; }
section#slider div.background img { width: 100%;}
section#slider div.text { position: absolute; top:0px; left:0px; width: 100%; color:white; text-align: center; padding-top: 200px; }
section#slider div.text p { color: #b3c2ca; font-size: 18px; line-height: 1.5; font-family: 'Gotham'; font-weight: 400; padding-bottom: 40px; }
section#slider div.text a.parent { font-weight: bold; margin-bottom: 20px; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }
section#slider div.text a.babysitter { font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }

section#sliderBIS { height: 400px; position: relative; }
section#sliderBIS div.background { width:100%; height: 548px; overflow: hidden; }
section#sliderBIS div.background img { width: 100%;}
section#sliderBIS div.textBIS { position: absolute; top:0px; left:0px; width: 100%; color:white; text-align: center; padding-top: 150px; }
section#sliderBIS div.textBIS p { color: white; font-size: 25px; line-height: 1.5; font-family: 'Gotham'; font-weight: 400; padding-bottom: 40px; }

section#slider_welcome { height: 550px; position: relative; }
section#slider_welcome div.background { width:100%; height: 548px; overflow: hidden; }
section#slider_welcome div.background img { width: 100%;}
section#slider_welcome div.text { position: absolute; top:0px; left:0px; width: 100%; color:white; text-align: center; padding-top: 200px; }
section#slider_welcome div.text p { color: #ffffff; font-size: 18px; line-height: 1.5; font-family: 'Gotham'; font-weight: 400; padding-bottom: 40px; }
section#slider_welcome div.text a.parent { font-weight: bold; margin-bottom: 20px; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }
section#slider_welcome div.text a.babysitter { font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }

section#ambassador_section { height: 475px; position: relative; }
section#ambassador_section div.background { width:100%; height: 475px; overflow: hidden; }
section#ambassador_section div.background img { width: 100%; opacity: 0.3;}
section#ambassador_section div.text { position: absolute; top:0px; left:0px; width: 100%; color:#365669; text-align: center; padding-top: 50px; }
section#ambassador_section div.text h3 { font-size: 24px; letter-spacing: 1.2px; color: #365669; font-family: 'Gotham'; font-weight: 600; margin-bottom: 60px; margin-top: 20px;}

@media (min-width: 970px){
    section#ambassador_section div.text div.block_ambassadeur {width: 700px; height: 100px; margin-left: 50px; }
    section#ambassador_section div.text div.block_ambassadeur li {float: left; text-decoration:none; color:#7d919c; font-family: 'Gotham'; line-height: 30px; font-size: 14px; font-weight: normal;}
    section#ambassador_section div.text div.block_ambassadeur img { height: 40px; }
    section#ambassador_section div.text a { margin-left: 260px; font-weight: bold; margin-bottom: 20px; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }
}

@media (max-width: 768px){
    section#ambassador_section div.text h3 {margin-top: -35px;}
    section#ambassador_section div.text div.block_ambassadeur {font-family: 'Gotham'; margin-bottom: 15px; color:#7d919c; }
    section#ambassador_section div.text div.block_ambassadeur img { height: 40px; margin-bottom: 15px;}
    section#ambassador_section div.text a { font-weight: bold; margin-bottom: 20px; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; }
}

section#slider_ambassadeur { height: 550px; position: relative; }
section#slider_ambassadeur div.background { width:100%; height: 650px; overflow: hidden; }
section#slider_ambassadeur div.background img { width: 100%;}
section#slider_ambassadeur div.text { position: absolute; top:0px; left:0px; width: 100%; color:white; text-align: center; padding-top: 200px; }
section#slider_ambassadeur div.text p { color: white; font-size: 18px; line-height: 1.5; font-family: 'Gotham'; font-weight: 400; padding-bottom: 40px; }
section#slider_ambassadeur div.text a.parent { font-weight: bold; margin-bottom: 20px; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase;  }

section#features_ambassadeur { padding-top: 50px; padding-bottom:40px; }
section#features_ambassadeur p { text-align:center; line-height: 1.7; opacity:0.85; color: #365669; font-family: 'Gotham'; font-weight: 800 ; font-size: 14px;  }
section#features_ambassadeur img {width:40px; }
section#features_ambassadeur div.block_ambassadeur {margin-bottom: 20px; margin-top: 30px;}
section#features_ambassadeur div.block_ambassadeur li {float:left; text-decoration:none; color:#7d919c; font-family: 'Gotham'; line-height: 30px; font-size: 14px; font-weight: normal;}
section#features_ambassadeur div.block_ambassadeur a {color: #0c9cee; }
section#features_ambassadeur div.button_flyers a.flyers { border-radius: 25px; margin-bottom: 20px; font-family: 'Gotham'; text-decoration: none; font-size: 16px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 42px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px;  }
section#features_ambassadeur div.end_block p {line-height: 1.7; opacity:0.7; color: #365669; font-family: 'Gotham'; font-weight: 800 ; font-size: 12px;}
section#features_ambassadeur div.end_block a {color: #0c9cee; font-weight: bold;}

section#ambassador_signup div.group-input { width: 300px;}
section#ambassador_signup button#start_ambassador {width: 300px;}
section#ambassador_signup h2 { font-size: 17px; margin-left: 40px; margin-top: -20px;}
div#signupModalAmbasador .modal-dialog .modal-content .modal-body div.modal-close { position: absolute; top:20px; right:20px; }
div#signupModalAmbasador .modal-dialog .modal-content .modal-body div.modal-close a { color:#b3c2ca; font-size: 20px; }
div#signupModalAmbasador .modal-dialog .modal-content .modal-body {height: 400px;   }

section#programme_ambassadeur { border-top: 1px solid #e8ebef; background-color: #F8FAFC; padding-top: 20px; padding-bottom: 60px; }
section#programme_ambassadeur h2 {font-size: 22px;}
section#programme_ambassadeur div.programme_ambassadeur-item { text-align: center; border-radius: 4px; background-color: white; padding: 30px; margin-bottom: 25px; }
section#programme_ambassadeur div.programme_ambassadeur-item h4 {  line-height: 1.9; margin: 0px; margin-top: 10px; margin-bottom: 20px; padding: 0px; font-size: 10px; letter-spacing: 1.2px; color: #365669; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; }
section#programme_ambassadeur div.programme_ambassadeur-item p { line-height: 1.7; color: #365669; opacity: 0.65; font-family: 'Gotham'; font-weight: normal; font-size: 14px;}
section#programme_ambassadeur div.programme_ambassadeur-item:hover { box-shadow: 1px 5px 20px 0 rgba(53, 85, 105, 0.1);  }

section#programme_ambassadeur div.programme_ambassadeur-item div.img_partner { overflow:hidden; text-align: center; width: 260px; height: 162px; margin-left:-17px; margin-top:-20px; right: 10px;}
section#programme_ambassadeur div.programme_ambassadeur-item div.img_partner img {height: 100%; margin: auto; }

section#programme_ambassadeur div.programme_ambassadeur-item div.top { margin-top: -15px; }
section#programme_ambassadeur div.programme_ambassadeur-item p.bis { margin-top: 10px; height: 90px; }
section#programme_ambassadeur div.programme_ambassadeur-item a { border-radius: 25px; color: white; font-weight: normal; position: absolute; margin-left: -70px; bottom:50px; height: 30px; background-color: #0c9cee; padding-top: 5px; width: 150px; font-family: 'Gotham';}

section#cadeaux_ambassadeur { border-top: 1px solid #e8ebef; background-color: #F8FAFC; padding-top: 20px; padding-bottom: 60px; }
section#cadeaux_ambassadeur h2 {font-size: 16px; float:left;}
section#cadeaux_ambassadeur p.describe {color: #365669; opacity: 0.65; font-family: 'Gotham'; font-weight: normal; font-size: 16px; margin-top: -40px; position: absolute; }
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item { border-radius: 4px; background-color: white; padding: 30px; margin-bottom: 25px; }
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item h4 { width:180px; line-height: 1.9; margin: 0px; margin-top: 25px; margin-bottom: 0px; padding: 0px; font-size: 10px; letter-spacing: 1.2px; color: #365669; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; }
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item p { color: #7d919c; font-family: 'Gotham'; font-weight: normal; font-size: 14px;}
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item:hover { box-shadow: 1px 5px 20px 0 rgba(53, 85, 105, 0.1);  }
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item div.img_partner { text-align: center; width: 270px; height: 180px;margin-left:-23px; margin-top:-20px;}
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item div.img_partner img {height: 100%; margin: 0 auto; }
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item div.top { margin-top: -15px; }
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item p.bis { margin-top: 10px; height: 115px; }
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item a.parent { border: 1px solid;  text-align:center; border-radius: 6px; color: #0c9cee; border-color:#0c9cee; position: absolute; bottom:40px; height: 30px; background-color: white; padding-top: 5px; width: 230px; margin-left: 0px;}
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item a.parent:hover {background-color: #0c9cee; color:#fff;}
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item a.parent:active {background-color: #fff; color:#0c9cee;}
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item a.epuise { opacity: 0.4;}
section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item span.amount {color:#0c9cee; font-weight: bold; font-family: 'Gotham'; position: absolute; margin-top: -20px; right: 42px; font-size: 18px;}

@media (min-width: 970px){
    section#ambassador_signup div.liner { width: 350px;}
    section#ambassador_signup button#start_ambassador {margin-left: 30px;}
    section#cadeaux_ambassadeur h2 { margin-top: 80px; }
    section#programme_ambassadeur div.programme_ambassadeur-item {height: 520px;}
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item {height: 345px;}
    section#features_ambassadeur img {margin-left: 120px; }
    section#features_ambassadeur div.block_ambassadeur li { margin-left:-40px; }
    section#features_ambassadeur div.block_ambassadeur {height: 100px;}
    section#features_ambassadeur div.button_flyers a.flyers { text-align:center; width: 400px; margin-left: 30%;}
    section#features_ambassadeur div.end_block a {margin-left: 45%;}
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item a.icone_link img { width: 17px; height: 17px; margin-left: 5px; }
}

@media (max-width: 768px){
    section#programme_ambassadeur div.programme_ambassadeur-item div.img_partner { margin:auto; width: 100%; height: 215px; overflow: hidden; margin-bottom: -25px;}
    section#programme_ambassadeur div.programme_ambassadeur-item div.img_partner img { height:80%; margin:auto; display: block; margin-left: auto; margin-right: auto}
    
    section#cadeaux_ambassadeur p.upup {margin-top: 40px;}
    section#ambassador_signup div.liner { width: 270px;}
    section#ambassador_signup h2 { margin-left: 65px; margin-top: 10px;}
    section#programme_ambassadeur div.programme_ambassadeur-item { height: 550px; }
    section#programme_ambassadeur div.programme_ambassadeur-item a {bottom:30px; }
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item {height: 410px; }
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item a.parent { left: 45px; right: 45px; width: auto; bottom:15px; }
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item div.img_partner { margin:auto; width: 100%; height: 215px; overflow: hidden;}
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item div.img_partner img { height: 100%; margin:auto; display: block; margin-left: auto; margin-right: auto}
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item p.bis { margin-top: 10px; height: 130px; }
    section#features_ambassadeur img {margin-left: 155px; margin-top: 20px;}
    section#features_ambassadeur div.block_ambassadeur {width: 100%; height: 200px; }
    section#features_ambassadeur div.block_ambassadeur ul { margin-top: 10px; text-align: center;}
    section#features_ambassadeur div.button_flyers a.flyers {margin-left: 30px;}
    section#features_ambassadeur div.end_block a { margin-left: 35%;}
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item span.amount {right: 45px; margin-top: -23px;}
    section#cadeaux_ambassadeur div.cadeaux_ambassadeur-item a.icone_link img { width: 17px; height: 17px; margin-bottom: 2px; margin-left: 5px;}
}

section#features { padding-top: 30px; padding-bottom:10px; }
section#features h3 { text-transform: uppercase; font-size: 15px; font-family: 'Gotham'; font-weight: 600; letter-spacing: 1px; margin-bottom: 30px; padding-top: 10px; }
section#features ul li { color:#7d919c; font-family: 'Gotham'; line-height: 30px; font-size: 14px; font-weight: normal; }
section#features span { color: #0c9cee; font-size: 32px; }
section#features img { height: 40px; }
section#features h5.text-assurance { font-family: 'Gotham'; font-weight: 600; font-size: 20px; letter-spacing: 2px; }
section#features div.bloc { margin-top: 0px; }
section#features a { color:inherit; }
section#features a:hover { color:inherit; color: #0c9cee;}
section#features #image_assurance { height: 70px; }

section#feature-slide { border-top: 1px solid #e8ebef; padding-top: 90px; padding-bottom: 120px; height: 337px; overflow: hidden; position: relative; }
section#feature-slide h3 { font-family: 'Gotham'; font-weight: 600;  margin-left: 30px; }
section#feature-slide p { color:#7d919c; font-family: 'Gotham'; line-height: 30px; font-size: 14px; font-weight: normal; margin-left: 30px; }
section#feature-slide img { width: 50%; margin-top: -120px; margin-bottom: -120px; position: absolute; left:0px; tip:0px; }
section#feature-slide img.right { right:0px; left:auto; }

section#feature-slideBIS span { color:#7d919c; font-family: 'Gotham'; line-height: 30px; font-size: 14px; font-weight: normal; margin-left: 30px; }

section#testimonie { border-top: 1px solid #e8ebef; background-color: #F8FAFC; padding-top: 60px; padding-bottom: 60px; }
section#testimonie div.testimonie-item { border-radius: 3px; background-color: #ffffff; box-shadow: 1px 30px 30px 0 rgba(53, 85, 105, 0.1); padding: 30px; margin-bottom: 20px; }
section#testimonie div.testimonie-item em { font-family: 'Gotham'; font-weight: 600; letter-spacing: 1px; font-size: 12px; font-style: normal; }
section#testimonie div.testimonie-item h4 { font-family: 'Gotham'; font-weight: 600; color: #0c9cee; font-style: normal; font-size: 14px; margin-top: 30px; }
section#testimonie div.testimonie-item p { opacity: 0.65; line-height: 2.1; color: #365669; font-family: 'Gotham'; font-weight: 400; font-size: 14px; padding-top: 0px; padding-left: 0px; padding-right: 0px; }
section#testimonie div.testimonie-item.offset-top { margin-top: 150px; }
section#testimonie div.testimonie-item div.portrait { text-align: center; }
section#testimonie div.testimonie-item div.roundedImage {overflow:hidden; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; width:60px; height:60px; margin:auto; margin-bottom: 20px}
section#testimonie div.testimonie-item div.roundedImage img {width: 60px;}

section#testimonieBIS { border-top: 1px solid #e8ebef; background-color: #F8FAFC; padding-top: 60px; padding-bottom: 60px;}
section#testimonieBIS div.testimonie-item { border-radius: 3px; background-color: #ffffff; box-shadow: 1px 30px 30px 0 rgba(53, 85, 105, 0.1); padding: 30px; margin-bottom: 20px; }
section#testimonieBIS div.testimonie-item em { font-family: 'Gotham'; font-weight: 600; letter-spacing: 1px; font-size: 12px; font-style: normal; }
section#testimonieBIS div.testimonie-item h4 { font-family: 'Gotham'; font-weight: 600; color: #0c9cee; font-style: normal; font-size: 14px; margin-top: 30px; line-height: 1.5; margin-right: 30px; margin-left: 30px;}
section#testimonieBIS div.testimonie-item p { opacity: 0.65; line-height: 1.8; color: #365669; font-family: 'Gotham'; font-weight: 400; font-size: 14px; padding-top: 0px; padding-left: 0px; padding-right: 0px; margin-left: 30px; margin-right: 30px; text-align: justify; word-spacing: -1px; }
section#testimonieBIS div.testimonie-item a { color: #365669; font-family: 'Gotham'; margin-left: 30px;}
section#testimonieBIS div.testimonie-item.offset-top { margin-top: 150px; }
section#testimonieBIS div.testimonie-item img {width: 40px; }
section#testimonieBIS div.testimonie-item div.iconic { font-size: 40px; color: #0c9cee; margin-top: 15px; }

section#carousel-testamonie {border-top: 1px solid #F8FAFC; background-color: #F8FAFC; padding-top: 30px; height: 90%; padding-bottom: 30px;}
section#carousel-testamonie div.testimonie-item { height: 220px; border-radius: 3px; }
section#carousel-testamonie div.testimonie-item div.bloc_testamonie{ border-radius: 3px; padding: 10px; width: 90%; margin-left: 14%; height: 150px; }
section#carousel-testamonie div.testimonie-item div.portrait { text-align: center; margin-top: 10px;}
section#carousel-testamonie div.testimonie-item p { opacity: 0.65; line-height: 1.8; color: #365669; font-family: 'Gotham'; font-weight: 400; font-size: 14px; text-align: none;  width: 70%; }
section#carousel-testamonie div.testimonie-item em { font-family: 'Gotham'; font-weight: 600; letter-spacing: 1px; font-size: 12px; font-style: normal; }
section#carousel-testamonie div.testimonie-item h4{ font-family: 'Gotham'; font-weight: 600; color: #0c9cee; font-style: normal; font-size: 14px; margin-right: 30px; }
section#carousel-testamonie .carousel-control.left, .carousel-control.right { color:#e5e8e9; margin-top: 150px; filter: progid: none !important; filter:none !important; background-image:none; outline: 0; opacity: 1;}
section#carousel-testamonie .carousel-indicators .active { background-color: #e8ebef;}
section#carousel-testamonie .carousel-indicators li { background-color: #e8ebef; border-color:#e8ebef;}
section#carousel-testamonie h2 { font-family: 'Gotham'; font-weight: 600; font-size: 24px; letter-spacing: 2px; padding-bottom: 20px; }

section#testimonieBIS .assurance_link:hover { color: #0c9cee; font-family: 'Gotham'; }

section#talking-about-us { background-color: #FFFFFF;  padding-top: 20px;  padding-bottom: 0px; padding-left:60px;}

section#talking-about-us-partenaire { background-color: #FFFFFF;  padding-top: 20px;  padding-bottom: 30px;}

@media (min-width: 970px){
    #soon-img { padding-left:62px; padding-bottom:50px;}
    #minutes-journal { width:60px; }
    #contain-article {padding-left: 0px;}
    #progres-img { padding-top:25px; }
    .img-press { text-align: center; display:inline-block; padding:10px;}
    .talking-img { max-width:80px; }
    .talking-imgV2 { max-width:100px; }
    .contain {padding-right:15px;}
    .space_partenaire {margin-left: 120px;}
    #citizen_image { padding-top:15px; }
    #gdc_image { width:50px; margin-left: 10px;}
    #familinparis_image { max-width:50px; }
    #motherinlille_image { width:80px; margin-left: -25px;}
    section#carousel-testamonie div.testimonie-item div.portrait { margin-left: 140px; }
    section#carousel-testamonie div.testimonie-item div.bloc_testamonie { margin-left: 9%; }

    section#slider { height: 550px; position: relative; }
    section#slider { margin-top:60px; }

    section#sliderBIS { margin-top:60px; }

    section#slider_welcome { height: 550px; position: relative; }
    section#slider_welcome { margin-top:60px; }

    section#slider_ambassadeur { height: 550px; position: relative; margin-bottom: 100px; }
    section#slider_ambassadeur { margin-top:60px; }
    section#slider_ambassadeur div.text h1 { font-size: 41px; }
    section#slider_ambassadeur div.text p { font-size: 32px; }
    section#slider_ambassadeur div.text a.parent { width:400px; }
}

@media (max-width: 970px){
    section#talking-about-us { padding-left:0px; }
    section#talking-about-us-partenaire { padding-left:0px; }
    .talking-img { width:100%; }
    .talking-imgV2 { width:100%; }
    .img-press {
        /*width:250px;*/
        /*margin-left:30px;*/
        /*padding-top:40px;*/
    }
    .block-three {
        padding-top:40px;
    }
    #progres-img { padding-top:25px; }
    #citizen_image { padding-top:25px; }
}

@media (max-width: 768px){
    #citizen_image { padding-top:25px; }
}

section#notice { border-top: 1px solid #e8ebef; background-color: #F8FAFC; padding-top: 20px; padding-bottom: 60px; }
section#notice div.notice-item { height: 320px; text-align: center; border-radius: 3px; background-color: white; padding: 30px; margin-bottom: 5px; }
section#notice div.notice-item h4 {  line-height: 1.9; margin: 0px; margin-top: 20px; margin-bottom: 20px; padding: 0px; font-size: 12px; letter-spacing: 1.2px; color: #365669; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; }
section#notice div.notice-item h4 span { color: #0c9cee; font-family: 'Gotham'; font-weight: 600; font-size: 12px; }
section#notice div.notice-item p { line-height: 1.7; color: #365669; opacity: 0.65; font-family: 'Gotham'; font-weight: normal; font-size: 14px; height:90px;}
section#notice div.notice-item span.number { display: inline-block; margin-left: 0px; margin-top: -20px; border: solid 3px #e8ebef; width: 40px; height: 40px; border-radius: 20px; line-height: 36px; text-align: center; font-size: 18px!important; color: #0c9cee; font-family: 'Gotham'; font-weight: 600; }
section#notice div.notice-item:hover { box-shadow: 1px 5px 20px 0 rgba(53, 85, 105, 0.1);  }
section#notice div.notice-item:hover span.number { background-color:#0c9cee; border: solid 3px #0c9cee; color: #fff; }
section#notice div.notice-item:hover h3 { color:#0c9cee; }
section#notice span { font-size: 40px; color: #0c9cee; }
section#notice div.notice-item img { height: 45px; margin-top: -20px;}
section#notice div.notice-item div.top { margin-top: -15px; }

section#noticeBIS { border-top: 1px solid #e8ebef; background-color: #fff; padding-top: 50px; padding-bottom: 60px; }
section#noticeBIS div.notice-item { text-align: center; border-radius: 3px; background-color: white; padding: 30px; margin-bottom: 5px; }
section#noticeBIS div.notice-item h4 {  line-height: 1.9; margin: 0px; margin-top: 20px; margin-bottom: 20px; padding: 0px; font-size: 12px; letter-spacing: 1.2px; color: #365669; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; }
section#noticeBIS div.notice-item h4 span { color: #0c9cee; font-family: 'Gotham'; font-weight: 600; font-size: 12px; }
section#noticeBIS div.notice-item p { line-height: 1.7; color: #365669; opacity: 0.65; font-family: 'Gotham'; font-weight: normal; font-size: 14px; height:130px;}
section#noticeBIS div.notice-item span.number { display: inline-block; margin-left: 0px; margin-top: -20px; border: solid 3px #e8ebef; width: 40px; height: 40px; border-radius: 20px; line-height: 36px; text-align: center; font-size: 18px!important; color: #0c9cee; font-family: 'Gotham'; font-weight: 600; }
section#noticeBIS div.notice-item:hover { box-shadow: 1px 5px 20px 0 rgba(53, 85, 105, 0.1);  }
section#noticeBIS div.notice-item:hover span.number { background-color:#0c9cee; border: solid 3px #0c9cee; color: #fff; }
section#noticeBIS div.notice-item:hover h3 { color:#0c9cee; }
section#noticeBIS span { font-size: 40px; color: #0c9cee; }
section#noticeBIS div.notice-item div.iconic2 { font-size: 50px; color: #0c9cee; }

section#notice_welcome { border-top: 1px solid #e8ebef; background-color: #F8FAFC; padding-top: 20px; padding-bottom: 60px; }
section#notice_welcome div.notice-item { height:320px; text-align: center; border-radius: 3px; background-color: white; padding: 30px; margin-bottom: 5px; }
section#notice_welcome div.notice-item h4 {  line-height: 1.9; margin: 0px; margin-top: 20px; margin-bottom: 20px; padding: 0px; font-size: 12px; letter-spacing: 1.2px; color: #365669; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600; }
section#notice_welcome div.notice-item h4 span { color: #0c9cee; font-family: 'Gotham'; font-weight: 600; font-size: 12px; }
section#notice_welcome div.notice-item p { line-height: 1.7; color: #365669; opacity: 0.65; font-family: 'Gotham'; font-weight: normal; font-size: 14px; height:90px;}
section#notice_welcome div.notice-item span.number { display: inline-block; margin-left: 0px; margin-top: -20px; border: solid 3px #e8ebef; width: 40px; height: 40px; border-radius: 20px; line-height: 36px; text-align: center; font-size: 18px!important; color: #0c9cee; font-family: 'Gotham'; font-weight: 600; }
section#notice_welcome div.notice-item:hover { box-shadow: 1px 5px 20px 0 rgba(53, 85, 105, 0.1);  }
section#notice_welcome div.notice-item:hover span.number { background-color:#0c9cee; border: solid 3px #0c9cee; color: #fff; }
section#notice_welcome div.notice-item:hover h3 { color:#0c9cee; }
section#notice_welcome span { font-size: 40px; color: #0c9cee; }
section#notice_welcome div.notice-item img { height: 45px; margin-top: -20px;}
section#notice_welcome div.notice-item div.top { margin-top: -15px; }

section#app { border-top: 1px solid #e8ebef; padding-top: 60px; padding-bottom: 0px; background-color:#fff}
section#app a { height: 40px; border-radius: 20px; display: inline-block; border:2px; line-height: 40px; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; color:white; background:#0c9cee; font-family: 'Gotham'; font-weight: 600; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; text-decoration: none; }
section#app a span { font-size: 16px; margin-left: 10px; }
section#app a span.fa-android { color:#fff; }
section#app h2 { padding-bottom: 20px; }
section#app p { opacity: 0.65; font-size: 16px; line-height: 2.1; color: #365669; font-family: 'Gotham'; font-weight: 400;  padding-bottom: 20px; }
section#app img { width: 100%; }

section#map { background-image: url('../img/template/Map.png'); height: 340px; color:white; padding-top: 90px; }
section#map h4 { font-size: 18px; font-family: 'Gotham'; font-weight: normal; }
section#map p { font-size: 16px; font-family: 'Gotham'; font-weight: 400;}
section#map a { text-decoration:none; margin-top:40px; color: #0c9cee; font-size: 12px; height: 44px; border-radius: 22px; background-color: white; box-shadow: 0 2px 14px 0 #0a7ec0; padding-left: 20px; padding-right: 20px; display: inline-block; line-height: 44px; text-transform: uppercase; font-family: 'Gotham'; font-weight: 600;  }

section#page {}
section#page h2 { letter-spacing: 0px; padding-bottom: 10px; }
section#page h4 { letter-spacing: 0px; padding-bottom: 10px; padding-top: 10px; font-weight: bold; }

footer#footer { background-color: #1b303d; padding-top: 60px; padding-bottom: 60px; font-family: 'Gotham'; font-weight: 600; }
footer#footer ul li { display: inline-block; }
footer#footer ul li a { color:inherit; }
footer#footer ul.nav-footer { text-transform: uppercase; }
footer#footer ul.nav-footer li { margin-left: 20px; margin-right: 20px; }
footer#footer ul.nav-footer li a { color:white; font-size: 12px; line-height: 2.8; color: #ffffff; opacity: 0.45; font-weight: 400; }
footer#footer ul.social-footer {  margin-top: 30px; }
footer#footer ul.social-footer li { margin-left: 10px; margin-right: 10px; }
footer#footer ul.social-footer li a { display:inline-block; line-height: 36px; font-size: 18px; width: 36px; height: 36px; border: solid 2px #ffffff; border-radius: 18px; opacity: 0.15; color:white; }

footer#footer ul.social-footer li a { display:inline-block; line-height: 36px; font-size: 18px; width: 36px; height: 36px; border: solid 2px #ffffff; border-radius: 18px; opacity: 0.15; color:white; }

section#cookie div.cookie-alert { position: fixed;bottom: 20px;left:40px;border-radius: 10px;background:#e8ebef;color:#365669;padding:10px 15px;width:280px;z-index:100;}
section#cookie div.cookie-alert button.button_cookie { width:100%; display:block;text-align: center;padding:5px 10px;margin:8px auto 0 auto;border-radius: 10px; background:transparent;border: 2px solid #365669;color:#365669;transition: all .3s ease;}
section#cookie div.cookie-alert button.button_cookie:hover {background: #365669;color:#fff;}
section#cookie div.cookie-alert span.text_cookie {font-weight: none; }

@media only screen and (max-width: 500px) {
    section#cookie div.cookie-alert { position: fixed;bottom: 0px;right:20px;border-radius: 0px;background:#e8ebef;color:#365669;padding:15px 15px;width:100%;z-index:100;}
    section#cookie div.cookie-alert button.button_cookie { width:50%; display:block;text-align: center;padding:5px 10px;margin:8px auto 0 auto;border-radius: 10px; background:transparent;border: 2px solid #365669;color:#365669;transition: all .3s ease; font-size: 10px}
    section#cookie div.cookie-alert button.button_cookie:hover {background: #365669;color:#fff;}
    section#cookie div.cookie-alert span.text_cookie_mobile {font-weight: none; font-size: 10px;}
}

/************************************************************* SMART BANNER *************************************************************/
.smartbanner {margin-top:50px; left:0;top:0;width:100%;height:78px;font-family: "Helvetica Neue", helvetica, arial, sans-serif;background:#365669;overflow:hidden;border-bottom: 1px solid #ccc;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}
.smartbanner-container {margin:0 auto;}
.smartbanner-close {position:absolute;left:7px;top:7px;display:block;font-family:'ArialRoundedMTBold',Arial;font-size:14px;text-align:center;text-decoration:none;border-radius:14px;-webkit-font-smoothing:subpixel-antialiased;border:0;width:17px;height:17px;line-height:17px;color:#365669;background:#efefef;}
.smartbanner-close:active,.smartbanner-close:hover {color:#333;}
.smartbanner-icon{position:absolute;left:35px;display:block;width:57px;height:57px;background-size:cover; }
.smartbanner-icon img {width: 70%; }
.smartbanner-info{margin-top:6px;position:absolute;left:90px;top:15px;width:44%;font-size:11px;line-height:1.2em;font-weight:normal;color:#fff;}
.smartbanner-title {font-family:'Gotham';font-size:12px;line-height:17px;color:#fff;font-weight:normal;}
.smartbanner-button{position:absolute;right:20px;top:40px;padding:0 10px;min-width:12%;height:24px;font-size:14px;line-height:24px;text-align:center;font-weight:normal;color:#fff;background-color:#0c9cee;text-decoration:none;border-radius:5px;}
.smartbanner-button:hover {background-color: #c1d739; }
.smartbanner-button-text { text-align:center;display:block;padding:0 5px;font-family:'Gotham';}
.smartbanner-sub-text { line-height:17px; font-family:'Gotham'; font-weight: normal}

/******************************************************************/
/********************* OBJECT CSS **************************/
/******************************************************************/

.animate {

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;


}


/******************************************************************/
/********************* OVERRIDE AUTOFILL **************************/
/******************************************************************/

input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 1000px white inset!important;
}


/******************************************************************/
/********************* OVERRIDE PLACEHOLDER ************************/
/******************************************************************/


::-webkit-input-placeholder {
   color: #b3c2ca!important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #b3c2ca!important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #b3c2ca!important;
}

:-ms-input-placeholder {
   color: #b3c2ca!important;
}

/******************************************************************/
/********************* OVERRIDE BOOTSTRAP *************************/
/******************************************************************/

@media (min-width: 1200px){
    .container { width: 950px; }

}


/******************************************************************/
/************************ MOBILE CSS ******************************/
/******************************************************************/


@media (max-width: 768px){


	header#header { height: 50px; }
    header#header div.logo { text-align: center; }
    header#header div.logo img { height: 50px; }

    a.btn-facebook { font-size: 10px; }

    .modal-dialog { width: 90%!important; margin-left: 5%; }
    .modal-dialog .modal-content { width: 100%!important; }
    .modal-dialog .modal-content .modal-body { padding: 40px; padding-left: 30px; padding-right: 30px; padding-bottom: 130px;}
    .modal-dialog .modal-content .modal-body div.link { bottom: 14px; }
    .modal-dialog .modal-content .modal-body div.link.babysitter { bottom:26px; }
    .modal-dialog .modal-content .modal-body div.link a { display: block; }

    section#slider { height: 450px; }
    section#slider div.text { padding-top: 60px; }
    section#slider div.text h1 { font-size: 30px; }
    section#slider div.background { height: 450px; }
    section#slider div.background img { width: auto; height: 100%; margin-left: -300px; }

    section#sliderBIS { height: 450px; }
    section#sliderBIS div.textBIS { padding-top: 60px; }
    section#sliderBIS div.textBIS h1 { font-size: 30px; }
    section#sliderBIS div.background { height: 450px; }
    section#sliderBIS div.background img { width: auto; height: 100%; margin-left: -300px; }

    section#slider_welcome { height: 450px; }
    section#slider_welcome div.text { padding-top: 60px; }
    section#slider_welcome div.text h1 { font-size: 30px; }
    section#slider_welcome div.background { height: 450px; }
    section#slider_welcome div.background img { width: auto; height: 100%; margin-left: -300px; }

    section#slider_ambassadeur { height: 450px; }
    section#slider_ambassadeur div.text { padding-top: 60px; }
    section#slider_ambassadeur div.text h1 { font-size: 30px; }
    section#slider_ambassadeur div.background { height: 450px; }
    section#slider_ambassadeur div.background img { width: auto; height: 100%; margin-left: -300px; }

    section#features ul { margin-bottom: 50px; }

    section#feature-slide { border-top: 1px solid #e8ebef; padding-top: 280px; padding-bottom: 40px; height: auto; overflow: hidden; position: relative; }
    section#feature-slide img { width: 100%;  position: absolute; left:0px; top:0px; margin-top: 0px; margin-bottom: 0px; }

    section#app { text-align: center; }

    section#testimonie div.testimonie-item.offset-top { margin-top: 0px; }
    section#testimonie div.testimonie-item div.portrait { padding-top: 20px; padding-bottom: 20px; }

    section#testimonieBIS div.testimonie-item.offset-top { margin-top: 0px; }

    section#carousel-testamonie div.testimonie-item { height: 550px; border-radius: 3px; padding: 30px; margin-bottom: 20px;}
    section#carousel-testamonie div.testimonie-item div.bloc_testamonie{ border-radius: 3px; padding: 10px; width: 70%; height: 150px;}
    section#carousel-testamonie div.testimonie-item p { margin-top: 15px; opacity: 0.65; line-height: 1.8; color: #365669; font-family: 'Gotham'; font-weight: 400; font-size: 14px; text-align: none; width: 200px;}
    section#carousel-testamonie h2 { font-family: 'Gotham'; font-weight: 600; font-size: 24px; letter-spacing: 2px; padding-bottom: 0px; }

    .smartbanner {margin-top:50px; height: 90px; }
    .modal-dialog .modal-content .modal-body ul.selectTypeAccount li.or { width: 30px; }
    .modal-dialog .modal-content .modal-body .arrow_prev span.glyphicon-chevron-left { margin-left: 10px; }

    section#notice div.notice-item { height: 300px; }
    section#notice_welcome div.notice-item { height: 300px; }

    section#ambassador_section { height: 475px; position: relative; }
    section#ambassador_section div.background { height: 475px;  }
    section#ambassador_section div.text { padding-top: 60px; }
    section#ambassador_section div.text h1 { font-size: 30px; }
    section#ambassador_section div.background img { width: auto; height: 100%; margin-left: -300px; }
} 

@media (max-width: 468px){

    section#slider div.text a.parent { font-size: 10px; }

    section#sliderBIS div.textBIS a.parent { font-size: 10px; }

    section#slider_welcome div.text a.parent { font-size: 10px; }

    section#slider_ambassadeur div.text a.parent { font-size: 12px; }

    a.btn-facebook { font-size: 9px; padding-left: 20px!important; padding-right: 20px!important; }
    .btn-submit { font-size: 10px; padding-left: 20px!important; padding-right: 20px!important; }
    ul.selectTypeAccount { margin-left: -20px!important; margin-right: -20px!important; }

    div.modal .btn { width: 100%!important; }

    section#cookie div.cookie-alert {text-align: center;left: 0; right: 0;; margin: 0 auto;max-width:700px; padding:10px 30px;}
}

@media (max-width: 970px) {
       #text-mobile {
       display:block;
       }
       #text-website {
       display:none;
       }
        section#page h1 {
            font-size:20px;
        }
}

@media (min-width: 970px) {
       #text-mobile {
       display:none;
       }
       #text-website {
       display:block;
       }
}

@media (min-width: 970px) {
section#sliderV2 { height: 550px; position: relative; }
section#sliderV2 div.background2 { width:100%; height: 548px; overflow: hidden; margin-top: 50px ;}
section#sliderV2 div.background2 img {width: 100%;}
section#sliderV2 div.text { position: absolute; top:0px; left:0px; width: 100%; color:white; padding-top: 170px;}
section#sliderV2 div.text h1{font-size: 28px; text-transform: uppercase; margin-left: 50px; line-height: 1.5; padding-right: 30px}
section#sliderV2 div.text p { margin-left: 50px; color: white; font-size: 24px; line-height: 1.5; font-family: 'Gotham'; font-weight: 400; font-style: italic; padding-bottom: 40px; }
section#sliderV2 div.text div.app-icons a.linkApple img {margin-left: 50px;  width: 120px;}
section#sliderV2 div.text div.app-icons a.linkPlaystore img {margin-left: 20px;  width: 120px;}
section#sliderV2 div.text div.buttonV2 div.buttonMobileV2{display: none;}
section#sliderV2 div.text div.buttonV2 a.parent { font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; margin-top: 30px; margin-left: 130px;}
section#sliderV2 div.text div.buttonV2 a.babysitter { color: #0c9cee; font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; height: 40px; display: inline-block; line-height: 40px; padding-left: 68px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; margin-left:130px;}
}
@media (max-width: 970px) {
section#sliderV2 { height: 550px; position: relative;}
section#sliderV2 div.background2 {height: 548px; overflow: hidden; margin-left: -350px;}
section#sliderV2 div.background2 img {height: 548px; width: auto; filter:brightness(0.9);}
section#sliderV2 div.text { position: absolute; top:0px; left:0px; width: 100%; color:white; padding-top: 150px; text-align: center;}
section#sliderV2 div.text h1{font-size: 24px; text-transform: uppercase; margin-left: 10px; margin-right: 10px; line-height: 1.3;}
section#sliderV2 div.text p {color: white; font-size: 20px; line-height: 1.5; font-family: 'Gotham'; font-weight: 400; font-style: italic; padding-bottom: 0px; margin-left: 10px; margin-right: 10px; }
section#sliderV2 div.text div.app-icons a.linkApple {display: none;}
section#sliderV2 div.text div.app-icons a.linkPlaystore {display : none;}
section#sliderV2 div.text div.buttonV2 a.parent {display: none;}
section#sliderV2 div.text div.buttonV2 div.buttonMobileV2 div.buttonSignupMobileV2 a { font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: #0c9cee; color:white; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; margin-top: 20px;}
section#sliderV2 div.text div.buttonV2 div.buttonMobileV2 div.buttonSigninMobileV2 a { font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; background-color: white ; color:#0c9cee; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase; margin-top: 20px;}
section#sliderV2 div.text div.buttonV2 a.babysitter { color: white; font-weight: bold; font-family: 'Gotham'; text-decoration: none; font-size: 12px; letter-spacing: 1px; height: 40px; display: inline-block; line-height: 40px; padding-left: 20px; padding-right: 20px; border-radius: 20px; text-transform: uppercase;}
}

.star-condition{font-family: 'Gotham'; font-size: 10px; padding-top: 30px; padding-left: 20px; padding-right: 20px; color: #7d919c; font-style: italic}
@media (max-width: 970px) {
    .star-condition {padding-top: 0px; padding-bottom : 50px; margin-left: 30px; margin-right:30px;}
    }