html{font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:100%}

body{	font-family: Helvetica,Arial,sans-serif;
		letter-spacing: 0.5px;
		font-size:16px;
		color: #036;
		background-color: #fff;
		margin:0}
	
footer,header,main{display:block}
nav,section{display:block}[hidden]{display:none}
address{margin-bottom:25px;font-style:normal;line-height:1.42857}

img{border:0}
img.zoom-img{cursor:pointer;cursor:-webkit-zoom-out;cursor:-moz-zoom-out; border-radius: 0px}
img[data-action=zoom]{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in}
.zoom-img,.zoom-img-wrap{position: relative; z-index: 666; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 0px;	padding-top: 10px}}

button{font-family:inherit;font-size:inherit;line-height:inherit}
button{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button{text-transform:none}
button{-webkit-appearance:button;cursor:pointer}
button[disabled]{cursor:default}
button::-moz-focus-inner{border:0;padding:0}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}

svg:not(:root){overflow:hidden}

/* ==================================== */

@media (max-width:1200px){ul{font-size:13px}}
@media (max-width:768px){body{font-size:14px}}

ul{font-family: "Tomica"; font-size:13px; color: #036; margin-top:0; margin-bottom:12.5px}

a{color: #036;text-decoration: none;border-radius: 20px;}
a:active,a:hover{outline:0}
a:focus,a:hover{color: #036;text-decoration: underline}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}

p{text-align: left;}

.h1,.h4,.h6{font-family: inherit; line-height: 1.6}
.h3,h3{font-family: inherit; line-height: 1.6}

.h1,h1{margin-top:0;margin-bottom:5px}
.h2,h2{font-family: "Tomica";line-height: 1.4; padding-top:25px; margin-bottom:-16px}
.h4,.h5,.h6{margin-top:5px;margin-bottom:7px}

.h1,h1{font-size: 25px} /* font-text-titre */
.h2,h2{font-size: 14px;}/* font-text-presentation*/
.h3,h3{font-size: 13px} /* font-text-projet*/
.h4,h4{font-size:12px;} /* font-text-footer*/
.h5,h5{font-size:12px}	/* font-text-note*/
.h6,h6{font-size:0;margin-left:5px;margin-bottom:5px}

/* ==================================== */

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}[role=button]{cursor:pointer}

.text-center{font-family: "Tomica";color:#036;text-align:center;letter-spacing:5px;}

.text-left{font-family: "Tomica";color:#036;text-align:left;letter-spacing:5px;font-size:19px;}

.text-adresse{font-family:,Helvetica,Arial,sans-serif;color:#036;text-align:center;letter-spacing:1.5px;font-size:15px;}

.text-schema{font-family:inherit;color:#036;line-height: 1.4;text-align:center;letter-spacing:1px}

.list-unstyled{padding-left:0;list-style:none}

/* ==================================== */

.container{
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
	
border-right-width: 1px;border-right-style: solid;border-right-color: #e9e9e9;
border-left-width: 1px;border-left-style: solid;border-left-color: #e9e9e9}

.container:after,.container:before{content:" ";display:table}
.container:after{clear:both}

@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}

.row:after,.row:before{content:" ";display:table}
.row:after{clear:both}

.image-center{margin:0 auto}
.img-mosaic{display: block;	max-width: 100%; height: auto}
.img-responsive{display: block;	max-width: 100%; height: auto}

@media (max-width:767px){.img-responsive{border-radius: 10px}}
@media (min-width:768px){.img-responsive{border-radius: 15px}}

.col-md-4,.col-md-5,.col-md-8,.col-md-12,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:0;padding-right:0}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}
.col-xs-4{float:right} /* cellule menu */
.col-xs-8{float:left} /* cellule menu-logo */

.col-xs-1{width:8.33333%}
.col-xs-2{width:33.33333%} /* cellule fiche-text */ 
.col-xs-3{width:33.33333%} /* cellule fiche-img */ 

.col-xs-5{width:50%;padding-right: 25px;} /* cellule présentation-right */
.col-xs-6{width:50%;padding:5px}
.col-xs-7{width:50%;padding-left: 25px;} /* cellule présentation-left */

.col-xs-9{width:75%}
.col-xs-10{width:100%} /* cellule card */
.col-xs-11{padding-top:10px;width:100%} /* cellule footer */
.col-xs-12{padding-top:10px;width: 100%} /* cellule content */

.col-xs-offset-1{margin-left:0}

@media (max-width:349px){
.col-xs-2{width: 100%; margin-top: -15px; margin-left: 20px}
.col-xs-3{width: 100%;padding:10px}
.col-xs-5,.col-xs-7{width: 100%;padding: 0px}
.col-xs-8{width: 200px;padding-top: 10.5px;padding-bottom: 10.5px}}

@media (min-width:350px){
.col-xs-2{width: 100%; margin-top: -15px; margin-left: 20px}
.col-xs-3{width: 100%;padding:10px}
.col-xs-5,.col-xs-7{width: 100%;padding: 0px}
.col-xs-8{width: 250px;padding-top: 7.7px;padding-bottom: 7.7px}}

@media (min-width:430px){
.col-xs-2{width: 100%; margin-top: -15px; margin-left: 20px}
.col-xs-3{width: 50%;padding: 0 10px 0 10px}
.col-xs-5,.col-xs-7{width: 100%;padding: 0px}
.col-xs-8{width: 330px;padding-top: 2.7px;padding-bottom: 2.7px}}

@media (min-width:768px){
.col-xs-5,.col-xs-7{width: 100%;padding: 0px}
.col-xs-8{width: 330px;padding-top: 5.2px;padding-bottom: 5.2px}}
		
@media (min-width:992px){

.col-xs-5{width: 50%;padding-right: 25px}
.col-xs-7{width: 50%;padding-left: 25px}
.col-xs-8{width: 444px;padding-top: 3.4px;padding-bottom: 3.3px}}

@media (min-width:1200px){
.col-xs-2{width:33.33333%; margin-left: 0px} /* cellule fiche-text */ 
.col-xs-3{width:33.33333%; padding: 0 3% 0 0;}/* cellule fiche-img */
.col-xs-8{width:500px;padding-top:0px;padding-bottom:0px}}

.col-md-4,.col-md-5,.col-md-8,.col-md-12{float:left}


@media (min-width:320px){ .col-md-4{width: 50%}} /* cellule mosaic */
@media (min-width:480px){ .col-md-4{width: 25%}} /* cellule mosaic */	
@media (min-width:768px){ .col-md-4{width: 12.5%}} /* cellule mosaic */

.col-md-5{width:100%}
.col-md-8{width:100%} 	/* cellule card */
.col-md-12{width:100%}	/* cellule content */

.nav{margin-bottom: 0;padding-left: 0;list-style: none;}

.nav:after,.nav:before{display:table}
.nav:after{clear:both}

.nav>li,.nav>li>a{position:relative;display:block}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li>a>img{max-width:none}
.nav>li>a{padding:5px 10px 5px 10px} 

@media (min-width:768px){.navbar-toggle{display:none}}
.navbar-nav{margin:0 0}
.navbar-nav>li>a{line-height: 30px}

@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{margin:5px 5px 5px 5px}}
@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{margin:5px 5px 5px 5px}}
@media (min-width:992px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{margin:10px 5px 10px 5px}}

.navbar-default{background-color: #FFF;	border-color: /* [disabled]border-color: transparent; */}
.navbar-form{margin:14.5px -15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;
-webkit-box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 1px 0 hsla(0,0%,100%,.1)}

.navbar{
	position: relative;
	min-height: 0;
	margin-bottom: 0px;
	border-bottom: 1px solid #e9e9e9;
}
.navbar:after,.navbar:before{display:table}
.navbar:after{clear:both}

@media (min-width:768px){.navbar{border-radius:2px}}
.navbar-header:after,.navbar-header:before{content:" ";display:table}
.navbar-header:after{clear:both}


@media (min-width:768px){.navbar-header{float:left}}
.navbar-collapse{overflow-x:visible;padding-right:2px;padding-left:0;border-top:1px solid transparent;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1);-webkit-overflow-scrolling:touch;width:150px;float:right;background-color:#fff}
.navbar-collapse:after,.navbar-collapse:before{content:" ";display:table}
.navbar-collapse:after{clear:both}.collapse{display:none}.collapse.in{display:block}


@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}}

.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}


@media (min-width:768px){.navbar-static-top{border-radius:0}} 
.navbar-fixed-bottom,.navbar-fixed-top{right: 0; left: 0;z-index: 400;position: fixed}


@media (min-width:768px){.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}
.navbar-brand{float:left;font-size:23px;height:auto}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block}

.navbar-brand>.navbar-logo-menu{display: inline-block;max-width: auto;	padding-left: 5px}
.navbar-brand>.navbar-logo-img{display: inline-block; max-width: auto; padding-left: 5px}


@media (min-width:768px){.navbar>.container .navbar-brand{margin-left:0px}}
.navbar-toggle{
	position:relative;
	float:right;
	background-color:transparent;
	background-image:none;
	border:1px solid transparent;
	border-radius:2px;
	
	padding-top:9px;
	padding-right:10px;
	padding-bottom:9px;
	padding-left:10px;
	
	margin-top:5.5px;
	margin-bottom:5.5px}

.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}

.navbar-default .navbar-brand{color:#000}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#000;background-color:transparent}
.navbar-default .navbar-text{color:#838383}
.navbar-default .navbar-nav>li>a{color: #000066; text-align: right; -webkit-transition:all .5s ease-out; -moz-transition: all .3s ease-out;-o-transition: all .3s ease-out; transition: all .3s ease-out;}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
	color: #FFFFFF;
	background-color: #036;
	text-align: inherit;
	font-size: inherit;
}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:transparent}
.navbar-default .navbar-link{color:#fff}
.navbar-default .navbar-link:hover{color:#e6e6e6}.hidden{display:none!important}
.navbar-default .navbar-toggle .navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color:#888}.h1,h1{margin-bottom:25px}.h1:after,h1:after{display:none},.h3,h3{color:#838383}


@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}
.navbar-text{margin-top:27.5px;margin-bottom:27.5px}


@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}
@media (min-width:768px){.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}

/* ==================================== */

@media (max-width:992px){.address-container{margin-top:20px}}
.card-shadow{box-shadow:0 2px 2px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05),0 32px 32px rgba(0,0,0,.05)}


@media (max-width:992px){.card-shadow{box-shadow:none}}
.card{background:#fff;position:relative;z-index:1}

.section-container{
	/* [disabled]padding-top:30px; */
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0}

.section-container-spacer{margin-bottom: 35px}
.section-container-spacer-a{margin-bottom: 10px}
.section-container-spacer-b{margin-bottom: 0px}

@media (max-width:768px){
.section-container-spacer-nav{margin-bottom: 55px}}

@media (min-width:769px){
.section-container-spacer-nav{margin-bottom: 60px}}

@media (min-width:992px){
.section-container-spacer-nav{margin-bottom: 70px}}

@media (max-width:992px){
.section-container-spacer{margin-bottom: 25px}
.section-container-spacer-a{margin-bottom: 0px}
.section-container-spacer-b{margin-bottom: 50px}}

.footer-container{
	background-size:cover;
	background-repeat:no-repeat;background-position:top}
	
.footer-container{
	background-image: url(./index/wave-footer-noir.svg);
	padding: 8px 0 5px 0;
	margin-top: 20px
}
	
.white-text-container a,.white-text-container h1,.white-text-container h2,.white-text-container h3,.white-text-container h4,.white-text-container h5,.white-text-container p{
	color: #fff;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
}

/* ==================================== */

@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}.list-unstyled li{line-height:1.58em}

/* ==================================== */