@charset "UTF-8";
/*body, html {
	font-family:'Roboto', sans-serif;
	font-weight:100;
	font-size:17px;
	color:#707070;
	font-weight:400;
}*/
/*p {
	font-size:17px;
}*/
/*.carousel {
	max-height:720px;
	overflow:hidden;
	position:relative;
		box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.2)
	top:84px;
}*/
.inner-baner {
	max-height:340px;
	overflow:hidden;
	position:relative;
	top:84px;
	width:100%;
	height:100%;
	text-align:center;
	margin-bottom:100px;
}
.container-mini {
	max-width:1000px;
	margin:auto
}
.carousel.c-fade .item {
	-webkit-transition:opacity 1s ease-in-out;
	-moz-transition:opacity 1s ease-in-out;
	-ms-transition:opacity 1s ease-in-out;
	-o-transition:opacity 1s ease-in-out;
	transition:opacity 1s ease-in-out
}
.carousel.c-fade .active.left, .carousel.c-fade .active.right {
	left:0;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0)
}
.carousel.c-fade .next, .carousel.c-fade .prev {
	left:0;
	z-index:1
}
.carousel.c-fade .carousel-control {
	z-index:6
}
.item img {
	min-width:100%
}
.text-centre {
	text-align:center
}
.carousel-control {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:auto;
	font-size:20px;
	color:#FFF;
	text-align:center;
	opacity:1
}
.carousel h1 {
	-moz-transition:all 1s ease-in;
	-o-transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;
	transition:all 1s ease-in;
	position:absolute;
	top:46%;
	left:0;
	right:0;
	text-align:center;
	text-transform:uppercase;
	font-size:50px;
	color:#f8f8f8;
	z-index:5
}
.carousel h1 span {
	-moz-transition:all 1s ease-in;
	-o-transition:all 1s ease-in;
	-webkit-transition:all 1s ease-in;
	transition:all 1s ease-in;
	position:absolute;
	margin-top:20px;
	top:100%;
	left:0;
	right:0;
	text-align:center;
	font-size:20px;
	text-transform:none;
	font-weight:300
}
.carousel-control span {
	/*	background:#79bf43;*/
	padding:20px 30px 20px 30px
}
.glyphicon-chevron-right:before {
	content:url('../img/fleche-droite.png');
	z-index:100000
}
.glyphicon-chevron-left:before {
	content:url('../img/fleche-gauche.png');
	z-index:100000
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width:auto;
	height:auto;
	margin-top:-15px;
	font-size:30px
}
/*.navbar {
	z-index:4;
	position:absolute;
	background:white
}*/
/*header {
	position:relative
}*/
/*.navbar {
	position:absolute;
background-color:rgba(192,192,192,0.1);
		font-family:'Roboto', sans-serif;
		font-size:18px;
		font-weight:500;
background:rgba(255, 255, 255, 0.2) #eee;
	top:0px;
	border-radius:0;
	width:100%;
	height:auto;
	box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 4px 4px -2px rgba(0, 0, 0, 0.2);
	border-top:2px solid #7ac144;
	border-bottom:1px solid #fff;*/
}
.resp-img {
	max-width:100%;
	width:100%
}
/*#logo-menu {
	max-width:100%;
	width:100px;
	margin-top:15px;
	margin-bottom:15px;
}*/
/*.navbar-right {
	margin-top:15px;
	margin-bottom:15px
}
.nav>li>a:hover, .nav>li>a:focus {
	background-color:transparent;
	color:#008fd4
}
.navbar-nav>li {
	float:left;
	font-size:18px;
	font-weight:500
}*/
@media(max-width:767px) {
/*.navbar-right {
display:none;
}*/
 .inner-baner {
 margin-bottom:19px;
}
}
/*a:hover {
	color:#63a833;
	text-decoration:underline
}
.logo {
	position:absolute
}
a {
	color:#7ac244;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
-webkit-transition:all .2s ease-in;
transition:all .2s ease-in
}*/
.introduction-message {
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-50px;
	z-index:10000;
	text-align:center
}
/*section {
	width:100%;
	padding-top:30px
}*/
.fond_gris {
	background:#fff;
}
.ligne {
	width:100%;
	height:1px;
	/*	background:#cbcbcb;*/
	text-align:center;
	margin-top:-28px;
	z-index:2
}
.lignegauche {
	width:40%;
	height:1px;
	/*background:#cbcbcb;*/
	text-align:center;
	margin-top:-28px;
	z-index:2;
	float:left
}
.lignedroite {
	width:40%;
	height:1px;
	/*	background:#cbcbcb;*/
	text-align:center;
	margin-top:-28px;
	z-index:2;
	float:right
}
.titre-texte {
	margin-top:-10px;
	z-index:3;
	color:#015a86
}
.titre-texte span {
	/*	background:#e3e3e3;*/
/*	padding-left:35px;
	padding-right:35px;*/
	font-weight:400;
}
.titre-texte-2 {
	font-weight:400;
	font-size:27px;
	color:#197DC7;
	text-align: left;
	padding:15px 0px 10px;
}
.paragraph {
	font-size:16px;
	text-align: left;
}
.titre-texte-normal {
	margin-top:50px;
	z-index:3;
	color:#015a86;
	margin-bottom:15px;
}
.titre-texte-normal-3 {
	margin-top:0px;
}
.titre-texte-normal-2 {
	margin-top:60px;
}
.titre-texte-normal span {
	background:white;
	padding:0px 35px 0px;
	font-weight:500;
	font-size:25px;
	/*text-transform: uppercase;*/
	color:#000;/*font-weight:100*/
}
.separation-gris {
	height:10px;
	width:100%;
	/*	background:url(../img/separation_haut_gris.png) repeat;*/
	margin-top:-5px;
	position:absolute
}
.separation-blanc {
	height:13px;
	width:100%;
	background:url('../img/separation_bas_blanc.png')repeat;
	top:-0px;
	position:absolute
}
.separation-bas-blanc-ombre {
	height:13px;
	width:100%;
	background:url('../img/separation-bas-ombre.png')repeat;
	top:-0px;
	position:absolute
}
.separation-blanc-haut2 {
/*height:13px;
	width:100%;
	background:url('../img/separation_haut_blanc.png')repeat;
	top:-12px;
	position:absolute*/
}
.bloc-titre {
	position:relative;
	text-align:center;
	/*text-transform:uppercase;*/
	padding-bottom:23px;
	margin-top:50px;
}
.bloc-titre h2 {
	font-size:25px;
	color:#0391d4;
	font-weight:100
}
.trait-bleu {
	border-top:1px dotted #0391d4;
	color:black;
	background-color:black;
	height:10px;
	width:50%
}
hr {
	margin-top:0;
	margin-bottom:0;
	border:0;
	border-top:2px dashed #eee;
	margin-top:40px
}
.blanc-2 {
	margin-top:0;
	margin-bottom:0;
	border:0;
	border-bottom:5px solid #7bc346;/*	margin-top:40px*/
}
.blanc {
	margin-top:0;
	margin-bottom:0;
	border:0;
	border-top:2px dashed white;
	margin-top:40px
}
.fleche-blanche-direction-haut {
	height:10px;
	width:200px;
	background:url('../img/fleche-blanc.png')no-repeat top center;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px
}
.fleche-bleu-direction-haut {
	height:10px;
	width:200px;
	background:url('../img/fleche-bleu.png')no-repeat top center;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px
}
.fleche-footer {
	height:11px;
	width:17px;
	background:url('../img/fleche_footer.gif')no-repeat top center;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer
}
.produit-img {
	width:100%;
	height:272px;
	overflow:hidden;
	background-color:#eee;
}
.produit-all {
	background:#eee;
	font-size:15px;
	color:#626262;
	border:2px solid #eee;
	border-radius:5px;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
	cursor:pointer
}
.produit-all:hover {
	background:#10416a;
	font-size:15px;
	border:2px solid #10416a;
	border-radius:5px
}
.produit2 {
	background:#eee;
	font-size:15px;
	color:#626262;
	border:2px solid #eee;
	border-radius:3px;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
transition:all .2s ease;
	cursor:pointer;
	padding:15px;
}
.produit2:hover {
	background:#23283b;
	font-size:15px;
	border:2px solid #23283b;
	border-radius:3px;
}
.produit-all:hover h1 {
	color:white
}
.produit-all:hover>produit-img {
	background:#2c3e50
}
.produit-texte {
	margin-left:20px;
	margin-bottom:20px
}
.produit-texte h1 {
	font-size:20px;
	font-weight:100;
	margin-bottom:0
}
.produit-all h2 {
	font-size:25px;
	position:absolute;
	right:20px;
	bottom:10px;
	color:#008fd4;
	font-weight:100
}
.produit-all:hover h2 {
	font-size:25px;
	position:absolute;
	right:20px;
	bottom:10px;
	color:white
}
#produits article {
	margin-bottom:25px
}
#a_propos {
	position:relative;
	background:url(../img/background.png) no-repeat center;
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.circular {
	-webkit-transition:all 1s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
	width:299px;
	height:405px;
	overflow:hidden;
}
.circular {
	-webkit-transition:all 1s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
	width:299px;
	height:405px;
	overflow:hidden;
}
.circular a {
	margin-top:-5px;
	transition:all 1s ease;
}
.circular-3 {
	-webkit-transition:all 1s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
	width:172px;
	height:200px;
	overflow:hidden;
}
.circular-2 {
	-webkit-transition:all 1s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
	width:468px;
	height:359px;
	overflow:hidden;
}
.texte-droite {
	text-align:right;
	background:url(../img/num.gif) no-repeat left center;
	padding-left:180px;
}
.texte-droite-2 {
	text-align:right;
	background:url(../img/num-2.gif) no-repeat left center;
	padding-left:209px;
}
.texte-droite-3 {
	text-align:right;
	background:url(../img/num-3.gif) no-repeat left center;
	padding-left:201px;
}
#a_propos {
	color:white!important;
	padding-bottom:0px;
	background:url(../img/btm-img.png) repeat-x bottom;
	padding-bottom:180px;
}
#a_propos p {
	color:#828189;
	/*	text-shadow:4px 4px 22px #000;*/
	margin-bottom:30px;
	text-align:left;
	font-size:15px;
}
/*h2 {
	text-transform:uppercase;
	font-size:21px;
	font-weight:400;
	text-align:left;
	color:#1cab69;
}*/
.btn_plus {
	background:#435b99;
	color:white;
	font-size:20px;
	padding:10px 25px;
	/*	border-radius:2px;*/
	margin-top:20px;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-o-transition:all .6s ease;
-ms-transition:all .6s ease;
transition:all .6s ease;
	cursor:pointer
}
.btn_plus:hover {
	background:#28b573;
	color:white;
	text-decoration:none;
	font-size:20px;
	padding:10px 25px;
	border-radius:4px
}
.btn_plus span {
	margin-left:25px;
	margin-right:10px;
	height:10px;
	width:10px
}
/*.row {
	margin-bottom:70px
}*/
@media(max-width:767px) {
.mobiledroite {
float:right
}
}
.bleu_ciel {
/*color:#0391d4*/
}
.bleu_ciel-2 {
	color:#0d344a;
	text-align:left;
}
.bleu_ciel-3 {
	color:#656565;
	text-align:center;
	padding:18px 0px 26px;
}
.bleu_ciel-3 a {
	color:#656565;
}
.bordure_bas_droit {
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #cbcbcb;
	text-align:center
}
.bordure_bas_droit-2 {
	border-right:none;
	border-bottom:none;
	text-align:center
}
.bordure_bas {
	border-bottom:1px solid #cbcbcb;
	text-align:center
}
.bordure_bas-1 {
	border-bottom:none;
	text-align:center
}
.bordure_droite {
	border-right:1px solid #cbcbcb;
	text-align:center
}
#references img:hover {
	cursor:pointer!important;
	transform:scale(1.2);
}
/*#contact {
	background:#e3e3e3;
	-moz-transition:all 1.5s ease-in;
	-o-transition:all 1.5s ease-in;
	-webkit-transition:all 1.5s ease-in;
	transition:all 1.5s ease-in;
}*/
/*footer input {
	width:60%;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:white;
	border-radius:6px;
	border:1px solid black;
	color:#939393
}*/
/*input, textarea {
	width:100%;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #c2c2c2;
	background-color:#c2c2c2;
		border-radius:6px;
	border:0;
	color:white
}*/
/*input[type=submit] {
	padding:10px 5px 10px 5px;
	background:#015a86;
	border:1px solid black;
	cursor:pointer;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:white;
	width:15%;
	margin-left:15px
}*/
.margepetit {
	margin-bottom:25px!important
}
/*textarea {
	max-width:100%;
	height:250px
}*/
::-webkit-input-placeholder {
color:white
}
:-moz-placeholder {
color:white;
opacity:1
}
::-moz-placeholder {
color:white;
opacity:1
}
:-ms-input-placeholder {
color:white
}
footer ::-webkit-input-placeholder {
color:#939393
}
/*footer :-moz-placeholder {
color:#939393;
opacity:1
}*/
 /*footer ::-moz-placeholder {
color:#020202;
opacity:1;
font-size:14px !important;
}*/
 /*footer a ::-moz-placeholder {
color:#020202;
}
footer :-ms-input-placeholder {
color:#939393
}*/
footer {
	width:100%;/*background:url(../img/footer.jpg) no-repeat;*//*min-height:384px;*//*	background:#008fd4;*//*background:url(../img/footer.jpg) repeat-x;*/
}
.menu-footer ul {
	list-style:none;
	width:550px;
	margin:auto
}
.menu-footer li {
	display:inline-block;
	padding:5px 0px
}
.menu-footer li a {
	text-decoration:none;
	color:#fff
}
footer a {
	text-decoration:none;
	color:#fff
}
footer a:hover {
	text-decoration:none;
	color:#015a86
}
.deux_points::after {
/*content:"::";
color:white;
margin-left:20px*/
}
.copyright {
	text-align:center;
	color:#8b8d8c;
	font-size:14px
}
#newsletter h1 {
	color:#015a86;
	font-size:26px
}
.map {
	background-color:#fff;
	/*	background:url(../img/map-background.png)no-repeat center center;*/
	min-height:384px
}
/*.navbar-nav>li:hover {
	text-decoration:underline!important
}*/
.produit-effet {
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:10000;
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	opacity:1;
-webkit-transition:opacity .15s linear;
-o-transition:opacity .15s linear;
transition:opacity .15s linear;
	width:100%;
	min-height:100%
}
.portfolio-modal .modal-content {
	padding:60px 0;
	padding-bottom:0px;
	min-height:100%;
	border:0;
	border-radius:0;
	text-align:center;
	background-clip:border-box;
	-webkit-box-shadow:none;
	box-shadow:none
}
.mo {
	text-decoration:none!important
}
.modal.fade {
	left:-50%;
-webkit-transition:opacity .3s linear, left .3s ease-out;
-moz-transition:opacity .3s linear, left .3s ease-out;
-o-transition:opacity .3s linear, left .3s ease-out;
transition:opacity .3s linear, left .3s ease-out
}
.modal.fade.in {
	left:0
}
#hamburger {
	display:none
}
.sansbackgroundgauche {
	background:none!important;
	content:url('../img/produits-fleche-gauche.png');
	z-index:100000
}
.closemodal {
	position:absolute;
	top:15px;
	right:20px
}
#menu-mobile ul {
	list-style:none;
	margin-top:60px;
	width:100%
}
#menu-mobile a {
	font-size:25px;
	color:#428bca;
	width:100%;
	display:block;
	padding-left:20px
}
#menu-mobile a:hover {
	font-size:25px;
	color:white;
	text-decoration:none;
	background:#428bca
}
#menu-mobile li {
	width:100%;
	display:block;
	font-size:20px;
	margin-bottom:10px
}
.en_bas_menu {
	top:0!important
}
#menu-mobile {
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(255, 255, 255, 0.92);
	z-index:200;
	top:-150%;
	left:0;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out
}
#menu-mobile {
	display:none
}
@media(max-width:767px) {
.carousel h1 {
display:none
}
.carousel-control {
display:none
}
.titre-texte span {
padding-left:0;
padding-right:0
}
.lignegauche {
width:25%
}
.lignedroite {
width:25%
}
.circular {
display:none
}
.texte-droite {
text-align:left!important;
background-image:none;
padding-left:0px;
}
 .texte-droite-2 {
text-align:left!important;
background-image:none;
padding-left:0px;
}
.bordure_bas_droit {
border-right:0
}
.bordure_droite {
border-bottom:1px solid #cbcbcb;
border-right:0
}
.nomprenom {
margin-bottom:25px
}
.menu-footer {
display:none
}
#hamburger {
display:inline-block;
position:absolute;
top:-125px;
right:0;
z-index:300
}
/*.carousel {
margin-top:100px
}
.navbar {
top:-102px
}*/
.navbar {
z-index:900
}
#menu-mobile {
display:inline-block
}
.mobile-gauche {
margin-left:75px
}
 /*.carousel {
 top:-47px;
}*/
 #a_propos {
 background:none;
 padding-bottom:0px;
}
 .titre-texte-normal {
 margin-top:0px;
}
}
.carousel-control .flechefingauche, .carousel-control .flechefindroite, .carousel-control .icon-prev, .carousel-control .icon-next {
	width:auto;
	height:auto;
	margin-top:-15px;
	font-size:30px
}
.flechefingauche:before {
	content:url('../img/produits-fleche-gauche.png');
	z-index:100000
}
.flechefingauche {
	background:none!important
}
.flechefindroite {
	background:none!important
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .flechefingauche, .carousel-control .flechefindroite {
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block
}
.flechefindroite:before {
	content:url('../img/produits-fleche-droite.png');
	z-index:19990000
}
.paddinghaut {
	padding-top:60px
}
.titre-ico {
	text-transform:uppercase;
	font-weight:100;
	color:#131316
}
.gris {
	color:#515151
}
a:hover {
	text-style:none!important
}
.btn_devis {
	background:transparent;
	color:#008fd4;
	font-size:20px;
	padding:6px 15px 6px 15px;
	margin-top:20px;
-webkit-transition:all .6s ease;
-moz-transition:all .6s ease;
-o-transition:all .6s ease;
-ms-transition:all .6s ease;
transition:all .6s ease;
	cursor:pointer;
}
.btn_devis span {
	margin-left:10px;
	margin-right:8px;
	height:10px;
	width:10px
}
.btn_devis:hover {
	color:#008fd4;
	text-decoration:none!important
}
@media(max-width:992px) {
.circular {
width:200px;
height:200px;
/*border:5px solid white;
border-radius:150px;
-webkit-border-radius:150px;
-moz-border-radius:150px;
overflow:hidden;
-webkit-box-shadow:0 0 1px #000;
-moz-box-shadow:0 0 1px #000;
box-shadow:0 0 1px #000;*/
margin-top:30px
}
 .circular-2 {
 width:300px;
 height:265px;
 margin-top:0px;
}
 .texte-droite {
 text-align:left;
 background:none;
 padding-left:0px;
}
.texte-droite-2 {
 text-align:left;
 background:none;
 padding-left:0px;
}
.texte-droite-3 {
 text-align:left;
 background:none;
 padding-left:0px;
}
}
@media(max-width:930px) {
.carousel h1 {
font-size:30px
}
}
.hamburglar {
	cursor:pointer;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	margin:40px auto;
	position:relative;
	display:block;
	width:68px;
	height:68px;
	background:transparent;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	position:fixed;
	top:-30px;
	right:10px;
	z-index:999990
}
.path-burger {
	position:absolute;
	top:0;
	left:0;
	height:68px;
	width:68px;
	mask:url(#mask);
	-webkit-mask-box-image:url(https://raygun.io/upload/mask.svg)
}
.animate-path {
	position:absolute;
	top:0;
	left:0;
	width:68px;
	height:68px
}
.path-rotation {
	height:34px;
	width:34px;
	margin:34px 34px 0 0;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	transform-origin:100% 0
}
.path-rotation:before {
	content:'';
	display:block;
	width:30px;
	height:34px;
	margin:0 4px 0 0;
	background:#0391d4
}
@-webkit-keyframes rotate-out {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
40% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate-out {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
40% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes rotate-in {
0% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
40% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes rotate-in {
0% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
40% {
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.hamburglar.is-open .path {
-webkit-animation:dash-in .6s linear normal;
animation:dash-in .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.hamburglar.is-open .animate-path {
-webkit-animation:rotate-in .6s linear normal;
animation:rotate-in .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.hamburglar.is-closed .path {
-webkit-animation:dash-out .6s linear normal;
animation:dash-out .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.hamburglar.is-closed .animate-path {
-webkit-animation:rotate-out .6s linear normal;
animation:rotate-out .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.path {
	stroke-dasharray:240;
	stroke-dashoffset:240;
	stroke-linejoin:round
}
@-webkit-keyframes dash-in {
0% {
stroke-dashoffset:240
}
40% {
stroke-dashoffset:240
}
100% {
stroke-dashoffset:0
}
}
@keyframes dash-in {
0% {
stroke-dashoffset:240
}
40% {
stroke-dashoffset:240
}
100% {
stroke-dashoffset:0
}
}
@-webkit-keyframes dash-out {
0% {
stroke-dashoffset:0
}
40% {
stroke-dashoffset:240
}
100% {
stroke-dashoffset:240
}
}
@keyframes dash-out {
0% {
stroke-dashoffset:0
}
40% {
stroke-dashoffset:240
}
100% {
stroke-dashoffset:240
}
}
.burger-icon {
	position:absolute;
	padding:33px 16px;
	height:68px;
	width:68px
}
.burger-container {
	position:relative;
	height:28px;
	width:36px
}
.burger-bun-top, .burger-bun-bot, .burger-filling {
	position:absolute;
	display:block;
	height:4px;
	width:36px;
	border-radius:2px;
	background:#0391d4
}
.burger-bun-top {
	top:0;
	-webkit-transform-origin:34px 2px;
	-ms-transform-origin:34px 2px;
	transform-origin:34px 2px
}
.burger-bun-bot {
	bottom:0;
	-webkit-transform-origin:34px 2px;
	-ms-transform-origin:34px 2px;
	transform-origin:34px 2px
}
.burger-filling {
	top:12px
}
.burger-ring {
	position:absolute;
	top:0;
	left:0;
	width:68px;
	height:68px
}
.svg-ring {
	width:68px;
	height:68px
}
.hamburglar.is-open .burger-bun-top {
-webkit-animation:bun-top-out .6s linear normal;
animation:bun-top-out .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.hamburglar.is-open .burger-bun-bot {
-webkit-animation:bun-bot-out .6s linear normal;
animation:bun-bot-out .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.hamburglar.is-closed .burger-bun-top {
-webkit-animation:bun-top-in .6s linear normal;
animation:bun-top-in .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.hamburglar.is-closed .burger-bun-bot {
-webkit-animation:bun-bot-in .6s linear normal;
animation:bun-bot-in .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
@-webkit-keyframes bun-top-out {
0% {
left:0;
top:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
20% {
left:0;
top:0;
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
80% {
left:-5px;
top:0;
-webkit-transform:rotate(-60deg);
transform:rotate(-60deg)
}
100% {
left:-5px;
top:1px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
}
@keyframes bun-top-out {
0% {
left:0;
top:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
20% {
left:0;
top:0;
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
80% {
left:-5px;
top:0;
-webkit-transform:rotate(-60deg);
transform:rotate(-60deg)
}
100% {
left:-5px;
top:1px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
}
@-webkit-keyframes bun-bot-out {
0% {
left:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
20% {
left:0;
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg)
}
80% {
left:-5px;
-webkit-transform:rotate(60deg);
transform:rotate(60deg)
}
100% {
left:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
}
@keyframes bun-bot-out {
0% {
left:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
20% {
left:0;
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg)
}
80% {
left:-5px;
-webkit-transform:rotate(60deg);
transform:rotate(60deg)
}
100% {
left:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
}
@-webkit-keyframes bun-top-in {
0% {
left:-5px;
bot:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
20% {
left:-5px;
bot:0;
-webkit-transform:rotate(-60deg);
transform:rotate(-60deg)
}
80% {
left:0;
bot:0;
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
100% {
left:0;
bot:1px;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes bun-top-in {
0% {
left:-5px;
bot:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}
20% {
left:-5px;
bot:0;
-webkit-transform:rotate(-60deg);
transform:rotate(-60deg)
}
80% {
left:0;
bot:0;
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
100% {
left:0;
bot:1px;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@-webkit-keyframes bun-bot-in {
0% {
left:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
20% {
left:-5px;
bot:0;
-webkit-transform:rotate(60deg);
transform:rotate(60deg)
}
80% {
left:0;
bot:0;
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg)
}
100% {
left:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes bun-bot-in {
0% {
left:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}
20% {
left:-5px;
bot:0;
-webkit-transform:rotate(60deg);
transform:rotate(60deg)
}
80% {
left:0;
bot:0;
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg)
}
100% {
left:0;
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.hamburglar.is-open .burger-filling {
-webkit-animation:burger-fill-out .6s linear normal;
animation:burger-fill-out .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
.hamburglar.is-closed .burger-filling {
-webkit-animation:burger-fill-in .6s linear normal;
animation:burger-fill-in .6s linear normal;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
@-webkit-keyframes burger-fill-in {
0% {
width:0;
left:36px
}
40% {
width:0;
left:40px
}
80% {
width:36px;
left:-6px
}
100% {
width:36px;
left:0
}
}
@keyframes burger-fill-in {
0% {
width:0;
left:36px
}
40% {
width:0;
left:40px
}
80% {
width:36px;
left:-6px
}
100% {
width:36px;
left:0
}
}
@-webkit-keyframes burger-fill-out {
0% {
width:36px;
left:0
}
20% {
width:42px;
left:-6px
}
40% {
width:0;
left:40px
}
100% {
width:0;
left:36px
}
}
@keyframes burger-fill-out {
0% {
width:36px;
left:0
}
20% {
width:42px;
left:-6px
}
40% {
width:0;
left:40px
}
100% {
width:0;
left:36px
}
}
.navbar-nav>li>a {
	text-transform:uppercase;
	color:#015a86;
	text-decoration:none;
}
.navbar-nav>li>a:hover {
	/*	padding-bottom:5px;*/
/*	text-style:none;*/
	color:#63a833;
}
.erreur {
	background:red;
}
.validationError {
	border:2px solid red;
}
.validationValid {
	border:2px solid green;
}
/*.ftr-txt {
	margin-left:40px;
	font-size:17px;
	color:#114169;
}*/
.text-centre ol {
	text-align:left;
	font-size:15px;
	padding:8px 0px;
	background:url(../img/bullet.gif) no-repeat left 12px;
	padding-left:25px;
}
.bleu_ciel-2 a {
	color:#19618a;
	padding:10px 0px;
}
i {
	padding-right:9px;
}
.fade {
	opacity: 0;
	-webkit-transition: opacity 2.25s linear;
	-moz-transition: opacity 2.25s linear;
	-ms-transition: opacity 2.25s linear;
	-o-transition: opacity 2.25s linear;
	transition: opacity 2.25s linear;
}
.nav-tabs a {
	font-size:15px;/*	background-color:#f6f6f3;*/
}
.nav-tabs img {
	text-align:center;
	padding-right:3px;
}
.nav-tabs {
	margin-bottom:28px;
	padding-bottom:0px;
	border-bottom:1px dashed #e9edf0;
}
.col-sm-4 .fa {
	background: #4a526e none repeat scroll 0 0;
	border: 6px solid #e2e2e2;
	border-radius: 50%;
	color: #fff;
	font-size: 69px;
	height: 150px;
	padding: 36px 0px 0px 5px;
	text-align: center;
	transition: all 0.4s ease 0s;
	width: 150px;
	cursor:pointer;
}
.col-sm-4 .fa:hover {
	background: #29b674 none repeat scroll 0 0;
	margin-top:-5px;
}