@font-face {font-family: 'icomoon';src: url("../fonts/icomoon/icomoon.eot?srf3rx");src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");font-weight: normal;font-style: normal;}

body {font-family: "Source Sans Pro", Arial, sans-serif;font-weight: 300;font-size: 18px;line-height: 1.5;color: #d8d8d8;background: #fff;height: 100%;position: relative;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
@media screen and (max-width: 768px) {body {background-position: center center;  background-repeat: no-repeat;}}

a {color: #17e7a4;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
a:hover, a:active, a:focus {color: #17e7a4;outline: none;}
strong {color:#fff;}

p {margin-bottom: 1.5em;}

h1, h2, h3, h4, h5, h6 {color: #fff;font-family: "Source Sans Pro", Arial, sans-serif;font-weight: 400;margin: 0 0 30px 0;}

header {padding:10px;}
header img, .imgfit {width:100%;max-width: fit-content;border-radius: 5px;}
header div.row {margin: auto;max-width: 760px; position: relative;}
header div.logo-container {background-color:#ffff00; border-radius:5px; padding:15px;}
header h1 {color:#333; font-size:18px; margin-top: 10px; margin-bottom: 0;}

#fh5co-main {max-width: 760px;min-height: 600px;margin: 0 auto 5em auto;position: relative;background: rgba(0, 0, 0, 0.85);overflow: hidden;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;border-radius: 7px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#contenu {max-width: 760px;overflow: hidden;margin: 0 auto;background: rgba(0, 0, 0, 0.55);border-radius: 7px;0.5s;}
@media screen and (max-width: 768px) {#fh5co-main {margin: 2em .5em 5em .5em;}}

.fh5co-tab-wrap {position: relative;}
.fh5co-tab-wrap .fh5co-tab-menu {list-style: none;text-align: center;margin-bottom: 2em;position: relative;top: -.5em;padding: 0;margin: 0;}
@media screen and (max-width: 768px) {.fh5co-tab-wrap .fh5co-tab-menu {top: -7px;}}
.fh5co-tab-wrap .fh5co-tab-menu li {display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;text-align: center;padding: 0;margin: 0;}
.fh5co-tab-wrap .fh5co-tab-menu li a {padding: 2em 1em 1em 1em;position: relative;color: rgba(255, 255, 255, 0.5);z-index: 10;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.fh5co-tab-wrap .fh5co-tab-menu li a .icon {display: block;position: relative;font-size: 22px;bottom: 0;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.fh5co-tab-wrap .fh5co-tab-menu li a .menu-text {display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
@media screen and (max-width: 768px) {.fh5co-tab-wrap .fh5co-tab-menu li a .menu-text {display: none;}}
@media screen and (max-width: 768px) {.fh5co-tab-wrap .fh5co-tab-menu li a {padding: 1em .5em .5em .5em;}}
.fh5co-tab-wrap .fh5co-tab-menu li a:after {position: absolute;content: "";height: 0;background: #17e7a4;z-index: -1;top: 0;left: 0;width: 100%;-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;border-radius: 7px;}
.fh5co-tab-wrap .fh5co-tab-menu li a:hover {color: #fff;text-decoration: none;}
.fh5co-tab-wrap .fh5co-tab-menu li a:hover .icon {bottom: 10px;}
@media screen and (max-width: 768px) {.fh5co-tab-wrap .fh5co-tab-menu li a:hover .icon {bottom: 0px;}}
.fh5co-tab-wrap .fh5co-tab-menu li a:hover:after {height: 100%;}
.fh5co-tab-wrap .fh5co-tab-menu li.active .icon {bottom: 10px;}
@media screen and (max-width: 768px) {.fh5co-tab-wrap .fh5co-tab-menu li.active .icon {bottom: 0px;}}
.fh5co-tab-wrap .fh5co-tab-menu li.active > a {color: #fff;text-decoration: none;}
.fh5co-tab-wrap .fh5co-tab-menu li.active > a:after {height: 100%;}

.contenu-content {padding-left: 3em;padding-right: 3em;/*width: 100%;*/}
@media screen and (max-width: 768px) {.contenu-content {padding-left: .5em;  padding-right: .5em;}}

figure {margin-bottom: 1.5em;}

.fh5co-counter .fh5co-number {font-size: 100px;color: #17e7a4;font-weight: 400;margin: 0;padding: 0;line-height: .7;}
.fh5co-counter .fh5co-number.fh5co-left {float: left;width: 30%;}
@media screen and (max-width: 768px) {.fh5co-counter .fh5co-number.fh5co-left {width: 100%;  line-height: 1.2;}}
.fh5co-counter .fh5co-text {float: right;text-align: left;width: 70%;}
@media screen and (max-width: 768px) {.fh5co-counter .fh5co-text {width: 100%;  text-align: center;}}
.fh5co-counter .fh5co-text h3 {margin: 0;padding: 0;position: relative;}
.fh5co-counter .fh5co-text h3.border-bottom:after {content: "";width: 50px;}

.fh5co-social {padding: 0;margin: 0;text-align: center;}
.fh5co-social li {padding: 0;margin: 0;list-style: none;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;}
.fh5co-social li a {font-size: 22px;color: #fff;padding: 10px 20px;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;border-radius: 7px;}
@media screen and (max-width: 768px) {.fh5co-social li a {padding: 10px 8px;}}
.fh5co-social li a:hover {color: #17e7a4;}
.fh5co-social li a:hover, .fh5co-social li a:active, .fh5co-social li a:focus {outline: none;text-decoration: none;}

.fh5co-feature {text-align: left;width: 100%;float: left;}
.fh5co-feature .fh5co-icon {float: left;width: 10%;display: block;margin-top: 5px;}
.fh5co-feature .fh5co-icon i {color: #17e7a4;font-size: 40px;}
.fh5co-feature .fh5co-text {float: right;width: 82%;}
@media screen and (max-width: 768px) {.fh5co-feature .fh5co-text {width: 82%;}}
@media screen and (max-width: 480px) {.fh5co-feature .fh5co-text {width: 72%;}}
.fh5co-feature .fh5co-text h2, .fh5co-feature .fh5co-text h3 {margin: 0;padding: 0;}
.fh5co-feature .fh5co-text h3 {font-weight: 300;margin-bottom: 10px;color: rgba(255, 255, 255, 0.8);font-size: 20px;}
.fh5co-feature .fh5co-text h2 {font-size: 16px;letter-spacing: 2px;font-weight: bold;text-transform: uppercase;}

.chart {width: 160px;height: 160px;margin: 0 auto 30px auto;position: relative;text-align: center;}
.chart span {position: absolute;top: 50%;left: 0;margin-top: -30px;width: 100%;}
.chart span strong {display: block;}
.chart canvas {position: absolute;left: 0;top: 0;}

#fh5co-footer {margin-top: 50px;background: black;clear: both;color: rgba(255, 255, 255, 0.6);font-size: 14px;width: 100%;padding: 20px 20px;line-height: 1.2;}
#fh5co-footer small {font-size: 14px;}
#fh5co-footer .fh5co-author {display: block;}
@media screen and (max-width: 768px) {#fh5co-footer .fh5co-author {display: -moz-inline-stack;  display: inline-block;  zoom: 1;  *display: inline;}}

@media screen and (max-width: 480px) {.col-xxs-12 {float: none;  width: 100%;}}

.row-bottom-padded-lg {padding-bottom: 7em;}
@media screen and (max-width: 768px) {.row-bottom-padded-lg {padding-bottom: 1em;}}

.row-bottom-padded-md {padding-bottom: 4em;}
@media screen and (max-width: 768px) {.row-bottom-padded-md {padding-bottom: 1em;}}

.row-bottom-padded-sm {padding-bottom: 1em;}
@media screen and (max-width: 768px) {.row-bottom-padded-sm {padding-bottom: 1em;}}

.petittexte {font-size:14px; line-height:22px;}
.trespetittexte {font-size:12px; line-height:16px;}
.minitexte {font-size:10px; line-height:14px;}

.clear {clear:both;}

.abtn {display:block; float:left; font-family: 'Exo 2', sans-serif; font-weight:bold; font-size: 14px; padding: 10px; margin-right:20px; padding:10px; border: 2px solid #333; cursor:pointer; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color:#360; color:#FFFFFF; text-decoration:none;}
.inputtext,.btn-suite,.btn-resa,.btn-annule,.btn-cb,.btn-resa-new,.btn-resa-call,.btn-suiteprix,.btn-conftarif,.inputdate,.selectheure,.selectbp,.inputarea,.btn-prec,.inputadr,.antispam,.inputtel,.inputind,.inputcp {font-family: 'Exo 2', sans-serif; font-weight:bold; font-size: 14px; padding: 10px; border: 2px solid #bbbbbb; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.inputtext,.inputarea,.inputadr {width: 480px; color: #666;}
.inputind {width: 50px; color: #666;}
.inputcp {width: 80px; color: #666;}
.inputtel {width: 425px; color: #666;}
.inputdate {width: 130px; color: #666;}
.selectheure,.selectbp { color: #666;}

.inputtext:hover,.inputarea:hover,.inputdate:hover,.selectheure:hover,.inputadr:hover,.inputind:hover,.inputtel:hover {border-color:#999;}
.inputtext:focus,.inputarea:focus,.inputdate:focus,.selectheure:focus,.inputadr:focus,.inputind:focus,.inputtel:focus {border-color:#DEC203;}
.btn-suite, .btn-suiteprix, .btn-conftarif, .btn-resa,.btn-resa-new,.btn-resa-call,.btn-cb,.btn-annule {color: #fff; border: 2px solid #333; cursor:pointer; margin-right:20px; z-index:1;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;margin-bottom:20px;}
.btn-suite {width: 100px; background-color:#333;}
.btn-resa {width: 140px; background-color:#333;}
.btn-annule {width: 170px; background-color:#F60;}
.btn-cb {width: 170px; background-color:#009900;}
.btn-resa-new {width: 170px; background-color:#333;}
.btn-resa-call {width: 170px; background-color:#ff0; color:#333;}
.btn-suiteprix {width: 250px; background-color:#360;}
.btn-conftarif {width: 300px; background-color:#360;}
.btn-suite:hover, .btn-suiteprix:hover, .btn-conftarif:hover, .btn-resa:hover, .btn-resa-new:hover, .btn-resa-call:hover, .abtn:hover {background-color:#090; border-color:#006600; color:#fff;}
.btn-prec {width: 30px; color: #fff; border: 2px solid #999; background-color:#999; cursor:pointer; z-index:1;}
.btn-prec:hover {background-color:#F90; border-color:#FF6600;}
.vert {color:#6C0;}
@media screen and (max-width: 1199px) {
	.inputtext,.inputarea,.inputadr {width: 450px; color: #999; margin:0;}
	.inputtel {width: 395px; color: #666;}
}

@media screen and (max-width: 639px) {
	.inputtext,.inputarea,.inputadr {width: 300px; color: #999; margin:0;}
	.inputtel {width: 245px; color: #666;}
}

@media screen and (max-width: 479px) {	
	.btn-conftarif {width:210px !important; margin-right:10px !important;white-space: normal;}
	.inputtext,.inputarea,.inputadr {width: 220px; color: #999; margin:0;}
	.inputtel {width: 163px; color: #666;}
}

div.contradio {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}
div.contradio input[type="radio"]{
	opacity: 0;
    position: absolute;
}
div.contradio label {
	position: relative;
	display: block;
	padding: 27px 15px;
	margin: 2px 0;
	color: #555;
	border-radius: 8px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	background: url(/images/sprite.png) no-repeat 10px -32px #eaeaea;
}
div.contradio label:hover {
	background-color: #AAB;
	color: #000;
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
div.contradio label:after {
	content: "";
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	height: 100%;
	background: url(/images/sprite.png) no-repeat -10px -32px transparent;
	width: 114px;
}
div.contradio:nth-of-type(1) label:after {background-position: -10px -107px;}
div.contradio:nth-of-type(2) label {background-position: 10px -182px;}

h2 {margin-top:1em;}
h2 {background: url(/images/barre-drapeau.png) no-repeat top center transparent; padding-top: 40px;}

#accordion-container .active-header {background-color:#ffff00 !important;}
#section-innov {margin-top:2em; border-top: solid 1em #111; padding-top:1em;}
#logogen, #logobpi {background-color:#fff;width:140px;margin:0.2em;}
#lescgv p {margin:0; font-size:14px; line-height:18px; text-align:justify;}
#lescgv h3 {margin-bottom: 0.4em;}

#TECalcContainer {color: #333;margin-bottom: 1.5em; text-align:left;}
#TECalcContainer p, #TECalcContainer strong {margin:0 0 10px 0;color: #333;}
#TECalcContainer .erreur {color: #F30;}
#TECalcContainer p.minitext {font-size: 10px; line-height: 13px;}
#TECalcContainer p.vert, #TECalcContainer p.vert strong  {color:#6C0;}

#FormContact p {margin:0 0 10px 0;}
#FormContact label {width:100px;}
.modal-body {color:#000;}
.modal-body p {margin:0;}

#paypal-button-container {padding: 1em; background-color: #eee; border-radius: 5px;}
#paypal-qrcode-container {padding: 1em; text-align:center; margin-top:1em;}

.encadre { color: #000; background-color: #ffff00d9;border-radius: 5px;padding: 15px;margin-bottom:1em;}
.encadre a {color: #000fff;}
.questionlist {color: #000; background-color: #ffffffbb; border-radius: 5px; padding: 20px; margin-bottom: 1em; text-align:left;}
.questionlist p {margin-bottom:0.5em; font-weight: 300; font-size: 18px; line-height: 1.3;}
.questionlist label {font-weight: 300; font-size: 16px; line-height: 1.2;}
.questionlist .inputpcent,.questionlist .inputq, .questionlist .inputtxt {font-family: 'Exo 2', sans-serif; font-weight: bold; font-size: 14px; padding: 6px; border: 2px solid #bbbbbb; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #999;}
.questionlist .inputq, .questionlist .inputtxt {width: 100%;}
.questionlist .inputtxt {height:100px;}
.questionlist .inputpcent {width: 40px;margin-left:5px;}
.questionlist input[type="radio"] {margin-right:10px;}
.questionlist h4 {margin: 20px 0 13px 0; padding-bottom:5px; border-bottom: solid 1px #fff;}