@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700');

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

/*** NORMALIZE ******************************************************************************************************/

*{
	outline: none;
}

html{
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

body{
	margin: 0;
	text-align: left;
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	font-size: 14px;
	font-weight: normal;
}
h1{
	font-size: 34px;
}
h2{
	font-size: 22px;
}

img{
	border: 0;
	max-width: 100%;
}

a{
	background-color: transparent;
	text-decoration: none;
}

blockquote{
	float: left;
	width: 100%;
	margin: 5px 10px;
}

/*** CSS ************************************************************************************************************/

body{
	font-family: 'Raleway';
	height:100%;
	color:#333;
	font-size:15px;
	text-align:center;
	background-color:#fff;
}
body.rwd-menu-opened{
	overflow-y: hidden;
}
.deg1 {
	background: #1e5799;
	background: -moz-linear-gradient(45deg,  #1e5799 0%, #00a5d9 100%);
	background: -webkit-linear-gradient(45deg,  #1e5799 0%,#00a5d9 100%);
	background: linear-gradient(45deg,  #1e5799 0%,#00a5d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#00a5d9',GradientType=1 );
}
.deg2 {
	background: #00a5d9;
	background: -moz-linear-gradient(top,  #00a5d9 0%, #1e5799 100%);
	background: -webkit-linear-gradient(top,  #00a5d9 0%,#1e5799 100%);
	background: linear-gradient(to bottom,  #00a5d9 0%,#1e5799 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5d9', endColorstr='#1e5799',GradientType=0 );
}
.deg3 {
	background: rgb(232,232,232);
	background: -moz-linear-gradient(45deg,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=1 );
}
.header, .logo, .menu-h, .menu, .moduletable_menuprincipal, .btn, .rdv, .tel, .adresse, .picto, .contenu, .wrap, .wrap2, .carr, .carr-ph,.carr-txt, .flg, .fld, .txt-acc, .titre-wrap, .titre, .bloc, .photo, .bloc-txt, .bloc2, .bloc2-btn, .bloc3, .video, .video-plus, .footer, .btn-b, .juliana {
	box-sizing:border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.header, .logo, .rdv, .tel, .picto, .flg, .fld, .adresse, .menu, .moduletable_menuprincipal,.bloc2, .bloc2-btn, .bloc3, .wrap2, .video-plus, .carr-txt, .footer {
	-webkit-align-items:center;
	align-items:center;
}
.carr, .bloc {
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
.txt-acc{
	-webkit-align-content:center;
	align-content:center;
}
.bloc2-btn{
	-webkit-align-content:center;
	align-content:center;
}
.header, .bloc{
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.wrap{
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.menu, .moduletable_menuprincipal, .titre-wrap, .titre, .wrap2, .bloc2, .bloc3, .video, .video-plus, .bloc2-btn, .carr, .bloc-txt, .footer {
	-webkit-justify-content:center;
	justify-content:center;
}
.header, .menu, .moduletable_menuprincipal, .menu-h  {
	-webkit-flex-direction:row;
	flex-direction:row;
}
.rdv, .tel, .adresse, .wrap2, .titre, .bloc2-btn, .bloc {
	-webkit-flex-direction:column;
	flex-direction:column;
}
.header{
	-webkit-align-items:stretch;
	align-items:stretch;
}
.moduletable-topbar,
.menu-h {
	-webkit-align-content:stretch;
	align-content:stretch;

	font-family: 'Maven';
}
	.menu-h .burger-button{
		background-color: transparent;
	    border: medium none;
	    box-shadow: none;
	    cursor: pointer;
	    display: block;
	    height: 30px;
	    margin: 0;
	    overflow: hidden;
	    padding: 0;
	    position: relative;
	    transition: background 0.3s ease 0s;
	    width: 30px;
	    z-index: 999;
	    margin-right: 20px;
	    display: none;
	}
		.menu-h .burger-button span.barres {
		    background: #00a5d9 none repeat scroll 0 0;
		    display: block;
		    height: 4px;
		    position: absolute;
		    left: 0px;
		    top: 12px;
		    width: 100%;
		    transition: background 0s ease 0.3s;
		    border-radius: 2px;
		}
		.menu-h .burger-button span.barres::before,
		.menu-h .burger-button span.barres::after {
		    background-color: #00a5d9;
		    content: "";
		    display: block;
		    height: 4px;
		    left: 0;
		    position: absolute;
		    transition-delay: 0.3s, 0s;
		    transition-duration: 0.3s, 0.3s;
		    width: 100%;
		    border-radius: 2px;
		}
		.menu-h .burger-button span.barres::before {
		    top: -10px;
		    transition-property: top, transform;
		}
		.menu-h .burger-button span.barres::after {
		    bottom: -10px;
		    transition-property: bottom, transform;
		}
		.menu-h .burger-button.active span {
		    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		}
		.menu-h .burger-button.active span::before {
		    top: 0;
		    transform: rotate(45deg);
		}
		.menu-h .burger-button.active span::after {
		    bottom: 0;
		    transform: rotate(-45deg);
		}
		.menu-h .burger-button.active span::before,
		.menu-h .burger-button.active span::after {
		    transition-delay: 0s, 0.3s;
		}
		.logo, .nav-mobile, .picto, .flg, .fld, .carr-ph {
			background-repeat:no-repeat;
		}
.picto{
	-webkit-border-radius:15px;
	border-radius:15px;
}
.header {
	background: #ffffff;
	/*background:#e6e6e6;*/
	padding:10px 0;
}
.logo {
	font-family:maven;
	padding: 0 0 0 100px;
	margin: 0 0 0 20px;
	height:90px;
	font-size:24px;
	background-image:url(../images/images-charte/logos/centre-vision-bretagne.png);
	background-position: left center;
	background-size: 80px;
	text-align:left;
	color: #000;
}
.logo:hover {
	color: #000;
}
.logo .logo-bleu{
	color: #00a5d9;
}

.moduletable-topbar,
.moduletable-topbar #topbar{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
	.moduletable-topbar #topbar li a{
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		height:85px;
		border-left: 1px solid #cccccc;
	    color: #000000;
	    font-size: 12px;
	    padding: 5px 20px;
	    line-height: 14px;
	    transition: 0.3s all;
	}
		.moduletable-topbar #topbar li a img{
			margin-bottom: 10px;
			width: 30px;
			height: 30px;
		}
.rdv, .tel, .adresse {
	color:#000;
	font-size:12px;
	padding: 5px 20px;
	border-left:1px solid #ccc;
}
.moduletable-topbar #topbar li a.picto-rdv,
.moduletable-topbar #topbar li a.picto-tel,
.rdv, .tel {
	text-transform:uppercase;
	font-weight:bold;
}
.moduletable-topbar #topbar li a.picto-tel,
.tel {
	color:#00A5D9;
	font-weight:bold;
	font-size:16px;
}
.moduletable-topbar #topbar li a.picto-rdv,
.rdv {
	font-weight:bold;
	font-size:14px;
}
.moduletable-topbar #topbar li a.picto-rdv{
	border: 0px;
	width:135px;
}
.moduletable-topbar #topbar li a.picto-map{
	width:190px;
}
.picto {
	width:30px;
	height:30px;
	background-color:#00A5D9;
	background-position:center center;
	background-size:55% 55%;
	margin: 0 0 10px;
}
.nav-mobile {
	display:none;
	width:30px;
	height:30px;
	margin: 5px 10px 0 0;
	background-position:center center;
	background-size:70% 70%;
	background-image:url(../images/images-charte/pictos/nav.svg);
}
.rdv .picto{
	background-image:url(../images/images-charte/pictos/resa.svg);
}
.tel .picto{
	background-image:url(../images/images-charte/pictos/tel.svg);
}
.adresse .picto{
	background-image:url(../images/images-charte/pictos/acces.svg);
}
.moduletable_menuprincipal,
.moduletable_menuprincipal ul,
.menu {
	background-color: #00A5D9;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	text-transform: uppercase;
}

	.moduletable_menuprincipal ul.menuprincipal{
		width: 100%;
		max-width: 1024px;
	}
	.moduletable_menuprincipal ul.menuprincipal,
	.moduletable_menuprincipal ul.menuprincipal li{
		padding:0px;
		margin:0px;
		list-style-type: none;
		display:flex;
		position: relative;
		z-index: 999;
		flex-grow: 1;
	}
		.moduletable_menuprincipal ul.menuprincipal li.parent > ul.nav-child{
			padding:0px;
			opacity: 0;
			position: absolute;
			left:0px;
			top:48px;
			text-transform: none;
			z-index: 998;
			display:none;
		}
			.moduletable_menuprincipal ul.menuprincipal li.parent ul.nav-child li.parent ul.nav-child{
				padding:0px;
				opacity: 0;
				position: absolute;
				left:100%;
				top:0px;
				text-transform: none;
				display: none;
			}
			.moduletable_menuprincipal ul.menuprincipal li.parent ul.nav-child li.parent.item-215 ul.nav-child{
				left: inherit;
				right: 100%;
			}
		.moduletable_menuprincipal ul.menuprincipal li.parent:hover ul.nav-child,
		.moduletable_menuprincipal ul.menuprincipal li.parent ul.nav-child li.parent:hover ul.nav-child{
			opacity: 1;
			display:block;
			background-color: #df1694;
		}
		.moduletable_menuprincipal ul.menuprincipal li a,
		.moduletable_menuprincipal ul.menuprincipal li span,
		.btn, .btn:nth-child(n+9) {
		    padding: 15px 10px;
		    color: #fff;
		    font-size: 14px;
		    /*border: 1px solid rgba(255,255,255,0);*/
		    font-weight: 600;
		    cursor: pointer;
		    white-space: nowrap;
		    text-align: center;
		    width:100%;

		}
		.moduletable_menuprincipal ul.menuprincipal li span.back{
			display: none;
		}
			.moduletable_menuprincipal ul.menuprincipal ul.nav-child li a,
			.moduletable_menuprincipal ul.menuprincipal ul.nav-child li span{
				padding:5px 10px;
			}
			.moduletable_menuprincipal ul.menuprincipal ul.nav-child li a:hover,
			.moduletable_menuprincipal ul.menuprincipal ul.nav-child li span:hover{
				color: #df1694;
				background-color: #fff;
			}
		.btn:nth-child(n+9) {
			display:none;
		}
		.moduletable_menuprincipal ul.menuprincipal li.current a,
		.moduletable_menuprincipal ul.menuprincipal li a:hover,
		.moduletable_menuprincipal ul.menuprincipal li span:hover,
		.btn:hover, a.btn.active {
			color:#fff;
			background-color: #df1694;
			/*border:1px solid #fff;*/
		}
main .page-header{
	border: 0px;
}
.wrap, .wrap2 {
	width:100%;
}
.moduletablediaporama,
	.bannergroupdiaporama,
		.bannergroupdiaporama .slick-list,
			.bannergroupdiaporama .slick-list .slick-track{
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}
	.bannergroupdiaporama,
		.bannergroupdiaporama .slick-list,
			.bannergroupdiaporama .slick-list .slick-track{
		width: 100%;
	}
.moduletablediaporama,
.carr {
	position:relative;
	/*min-height:500px;*/
	min-width:400px;
	width:65%;
	flex-grow: 1;
}
	.bannergroupdiaporama,
	.slick-list,
	.slick-track
	{
		height: 100%;
	}
	#diaporama .banneritem,
	.carr-ph {
		position: relative;
		z-index:1;
		height:100%;
		min-height:500px;
		width:100%;
		background-size:cover;
		background-position:center;
		background-image:url(../images/images-charte/anim/ph1.jpg);
		display:flex;
		justify-content: center;
		align-items: flex-end;
	}
	#diaporama .description,
	.carr-txt {
		position:relative;
		z-index:2;
		font-size:20px;
		padding:20px 40px;
		margin: 0 0 20px;
		/*width:350px;*/
		width: 290px;
		background-color:rgba(255,255,255,0.8);
		box-sizing: border-box;
	    display: inline-flex;
	    flex-wrap: wrap;
		color:#000;
		text-align: center;
	}
	#diaporama .description a{
		color:#000;
		text-decoration: none;
		width: 100%;
		text-align: center;
	}
	#diaporama .description p{
		margin:0px;
	}

a.precedant{
	background-color: #ffffff;
    background-image: url("../images/images-charte/pictos/flg.svg");
    background-position: 5% 10px;
    background-repeat: no-repeat;
    background-size: auto 13px;
    border: 2px solid;
    color: #00a5d9;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
    text-decoration: none;
}
a.suivant{
	background-color: #ffffff;
    background-image: url("../images/images-charte/pictos/fld.svg");
    background-position: 95% 10px;
    background-repeat: no-repeat;
    background-size: auto 13px;
    border: 2px solid;
    color: #00a5d9;
    font-weight: bold;
    padding: 5px 25px 5px 5px;
    text-decoration: none;
}
.flg, .fld {
	position:absolute;
	top:0;
	width:30px;
	height:100%;
	background-size: 20px 20px;
	background-position: center center;
	display: block !important;
	cursor: pointer;
}
#diaporama .flg,
#diaporama .fld{
	width: 40px;
	height: 100%;
	position: absolute;
	background-color: rgba(255,255,255,0.8);
	top: 0;
}
#diaporama .flg{
	left: -40px;
}
#diaporama .fld{
	right: -40px;
}
.flg {
	background-image:url(../images/images-charte/pictos/flg.svg);
	left:0px;
}
.fld {
	background-image:url(../images/images-charte/pictos/fld.svg);
	right:0px;
}
#diaporama .flg {
	background-image:url(../images/images-charte/pictos/flg-rose.svg);
}
#diaporama .fld {
	background-image:url(../images/images-charte/pictos/fld-rose.svg);
}
.moduletable_texte_accueil,
.txt-acc {
	font-family: 'Raleway';
	min-width: 360px;
	width:35%;
	padding:50px;
	color:#000;
	font-size:14px;
	line-height:28px;
	text-align:left;
	border-bottom:1px solid #ccc;
	display: flex;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	flex-grow: 1;
	background: rgb(232,232,232);
	background: -moz-linear-gradient(45deg,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=1 );
}
.txt-acc span{
	margin:15px 0;
}
.contentheading,
.moduletable-titre,
.titre-wrap{
	width:100%;
	padding: 30px 0;
	margin: 20px 0 0;
	background-image:url(../images/images-charte/filet.gif);
	background-repeat:repeat-x;
	background-position:center center;
	font-size:34px;
	display:flex;
	justify-content: center;
	align-items: center;
}
	.contentheading span,
	.moduletable-titre .custom-titre,
	.titre{
		padding: 10px 20px;
		color:#000;
		text-transform:uppercase;
		background-color:#fff !important;
		display:flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.moduletable-titre .custom-titre p{
		margin:0px;
		line-height: 30px;
	}
	.moduletable-titre .custom-titre span,
	.titre h2{
		color:#00A5D9;
		font-size:22px;
	}

.moduletable-acces-rapides,
.moduletable-acces-rapides ul{
	display:flex;
	width:100%;
	justify-content: center;
	align-items: center;
	margin:0px;
	padding:0px;
	list-style-type: none;
	flex-direction: row;
	flex-wrap: wrap;
}
	.moduletable-acces-rapides ul li{
		flex: 1 1 0;
		display: flex;
		justify-content: center;
		align-items: center;
		height:180px;
		color:#fff;
		font-size:16px;
		text-transform:uppercase;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		background: #008ab5;
		min-width: 320px;
	}
	.moduletable-acces-rapides ul li:hover{
		background: #1e5799;
	}
		.moduletable-acces-rapides ul li a{
			align-items: center;
		    display: flex;
		    flex-direction: column;
		    height: 100%;
		    justify-content: center;
		    width: 100%;
		    color:#ffffff;
		}
			.moduletable-acces-rapides ul li a span{
				max-width: 140px;
			}
			.moduletable-acces-rapides ul li a img{
				margin-bottom: 10px;
			}
.photo{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:1;
	background-size:cover;
	background-position:center;
}
.bloc2{
	width:100%;
}
.bloc2-btn{
	-webkit-flex:1;
	flex:1;
	padding: 40px 10px;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
.bloc2-btn:last-child {
	border-right:0;
}
.bloc2-btn .picto {
	width:50px;
	height:50px;
	-webkit-border-radius:25px;
	border-radius:25px;
}
.bloc2-btn:nth-child(1) .picto{
	background-image:url(../images/images-charte/pictos/temoignage.svg);
}
.bloc2-btn:nth-child(2) .picto{
	background-image:url(../images/images-charte/pictos/faq.svg);
}
.bloc2-btn:nth-child(3) .picto{
	background-image:url(../images/images-charte/pictos/approfondir.svg);
}
.bloc3{
	/*background-color:#39414A;*/
	background: #e6e6e6;
	width:100%;
}
.video{
	padding: 40px 0;
	width:100%;
}
.video img{
	width:100%;
	max-width:569px;
}
.video-plus{
	color:#CCC;
	width:100%;
	font-size:14px;
}
.video-plus span{
	background-color:#000;
	padding: 5px 20px;
	margin: 0 0 40px 0;
	border:1px solid #00A5D9;
}
.footer {
	background-color:#000;
	padding: 20px;
}
.btn-b, .juliana {
	color:#fff;
	font-size:10px;
	padding: 0 10px;
	margin:7px 0;
	-webkit-align-items:center;
	align-items:center;
}
.contenu{
	justify-content: center;
	align-items: stretch;
}
	#content{
		max-width: 1200px;
		width:100%;
		padding:0px 40px;
		box-sizing: border-box;
		margin-bottom: 40px;
		display: flex;
		flex-direction: column;
	}
		.flexicontent{
			text-align: left;
			margin-top:40px;
		}
			.table-rwd{
				max-width: 100%;
			}
				.table-rwd tr td{
					padding-right:40px;
					box-sizing: border-box;
					vertical-align: top;
				}
				/*.table-rwd tr td:last-child{
					padding:0px;
				}*/
					.table-rwd td img{
						max-width: 100%;
					}
				.table-rwd.col2 td{
					width:50%;
				}
				.table-rwd.col3 td{
					width:33.33%;
				}
				.table-rwd.col4 td{
					width:25%;
				}
				.table-rwd.col5 td{
					width:20%;
				}

a:focus, a:hover{
	text-decoration: none !important;
}
.menu.nav > li > a:focus,
.menu.nav > li > a:hover,
.menuprincipal.nav > li > a:focus,
.menuprincipal.nav > li > a:hover
{
	background-color: transparent;
}

main{
	text-align: left;
}
	main h2{
		color:#00a5d9;
		width: 100%;
		padding-bottom: 10px;
		border-bottom:1px solid #ececec;
		font-size: 24px;
	}

	.article-index{
		width: 100%;
		margin-top:40px;
	}
		.article-index li a.toclink,
		.article-index li a.toclink.active,
		.article-index li a.toclink.active:hover,
		.article-index li a.toclink:hover{
			border: 0px;
			border-radius: 0px;
		}
		.article-index li:nth-child(2n) a.toclink{
			background-color: #ececec;
		}
		.article-index li a.toclink.active{
			border: 0px;
			background-color: #337ab7;
			color: #fff;
		}
		.article-index li.toclink .toclink{
			background-color: #e6e6e6;
			font-weight: bold;
			text-transform: uppercase;
		}
main .moduletable{
	float:left;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 40px;
}
	main .moduletable .bw-social-share{
		width:520px;
	}
.moduletablevideo-footer{
	padding:30px 0px;
	background: #e6e6e6;
}
	.moduletablevideo-footer a{
		background-color: #000000;
	    border: 1px solid #00a5d9;
	    padding: 5px 20px;
	    color:#fff;
	}
	.moduletablevideo-footer a:hover{
	    color:#fff;
	}

.nav.menufooter{
	background-color: #1e5799;
	padding:20px 0px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}
	.nav.menufooter li a{
		display: inline-flex;
		align-items: stretch;
		justify-content: center;
	    color: #ffffff;
	    font-size: 10px;
	    margin: 7px 0;
	    padding: 0 10px;
	}
	.nav.menufooter li a:hover,
	.nav.menufooter li a:focus{
		background-color: #030303;
		color:#fff;
	}

main .breadcrumb li{
	display: inline-flex;
}
	main .breadcrumb li .divider{
		padding: 0px 5px;
	}
main .breadcrumb > li + li::before{
	content: '';
	padding: 0px;
}

#userForm input[type="text"],
#userForm textarea{
	min-width: 320px;
}
/********************************************************************************************************************/
/********************************************************************************************************************/
@media (max-width: 1200px){

	.moduletable_texte_accueil,
	.txt-acc {
		padding: 20px 30px;
	}
}
@media (max-width: 1024px){

	.table-rwd.hide-on-mobile,
	.hide-on-mobile{
		display: none;
	}
	.btn-b {
		display:none;
	}
	.nav-mobile, .btn:nth-child(n+9){
		box-sizing:border-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.menu-h {
		position:fixed;
		z-index:100;
		height:40px;
		top:0;
		left:0;
		background-color:#000;
		width:100%;
		display: flex;
		align-items: center;
	}
	.menu-h, .btn, .btn:nth-child(n+9), .header, .txt-acc {
		-webkit-justify-content:center;
		justify-content:center;
	}

	.moduletable_menuprincipal,
	.menu, .wrap {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	.rdv, .tel, .adresse  {
		-webkit-flex-direction:row;
		flex-direction:row;
	}
	.rdv, .tel, .adresse, .wrap  {
		-webkit-align-items:center;
		align-items:center;
	}
	.rdv, .tel, .adresse  {
		text-align:left;
		line-height:14px;
		border-left:1px solid #555;
		color:#ccc;
		font-size:12px;
	}
	.rdv  {
		color:#fff;
	}
	.tel {
		color:#10C5FF;
		font-weight:bold;
		font-size:16px;
	}

	.moduletable-topbar #topbar li a{
		display: flex;
		flex-direction: row;
		height: auto;
		color: #fff;
		border-color: #555555;
	}
	.moduletable-topbar #topbar li a:hover{
		background-color: #292929;
	}
	.moduletable-topbar #topbar li a.picto-rdv{
		border-left: 1px solid #555555;
	}
	.moduletable-topbar #topbar li a.picto-rdv{
		width: 175px;
	}
	.moduletable-topbar #topbar li a.picto-map{
		width: 235px;
	}
		.moduletable-topbar #topbar li a img,
		.rdv .picto,
		.tel .picto,
		.adresse .picto  {
			margin: 0 10px 0 0;
			max-width: auto;
		}
		.moduletable-topbar #topbar li a span{
			text-align: left;
		}
	.header{
		padding:65px 20px 20px;
		border-bottom:5px solid #000000;
	}
	.moduletable_menuprincipal{
		position:fixed;
		z-index:100;
		top:40px;
		left:-100%;
		width:100%;
		min-height:100%;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}
	.btn, .btn:nth-child(n+9) {
		width:100%;
		margin: 0;
		border:0;
		padding: 15px 10px;
		border-top:1px solid rgba(255,255,255,0.2);
	}
	.btn:hover, a.btn.active {
		border:0;
		border-top:1px solid rgba(255,255,255,0.2);
	}
	.carr {
		width:100%;
		min-height:400px;
		min-width:320px;
	}
	.txt-acc {
		width:100%;
		min-width:320px;
		padding:50px;
		text-align:center;
	}
	.bloc {
		width:80%;
		-webkit-flex:none;
		flex:none;
		margin:0 0 50px;
	}

	#diaporama .banneritem{
		min-height: 400px;
	}

	.moduletable_menuprincipal{
		top:-100%;
	}
	.moduletable_menuprincipal.rwd-active{
		align-items: stretch;
	    display: flex;
	    flex-direction: row;
	    height: 100%;
	    justify-content: center;
	    left: 0;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 1;
	}
		.moduletable_menuprincipal.rwd-active .menuprincipal{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

		.moduletable_menuprincipal ul.menuprincipal li.parent > ul.nav-child{
			left:100%;
		}
	.menu-h .burger-button{
		display: block;
	}
	.table-rwd,
	.table-rwd tbody,
	.table-rwd tr{
		display: flex;
		flex-direction: column;
	}
		.table-rwd tr td{
			flex-grow: 1;
			padding: 0px;
			width: 100% !important;
			margin-bottom: 20px;
			text-align: center;
		}
		.table-rwd tr td:last-child{
			margin-bottom: 0px;
		}
			.table-rwd tr td p,
			.table-rwd tr td ul{
				text-align: left;
			}

	.moduletable_menuprincipal.rwd-active ul.menuprincipal,
	.moduletable_menuprincipal.rwd-active ul.menuprincipal li {
	    align-items: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-around;
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    position: relative;
	    z-index: 999;
		width: 100%;
	    box-sizing: border-box;
	    flex-grow: 0;
	}
	.moduletable_menuprincipal.rwd-active ul.menuprincipal {
	    align-items: flex-start;
	    flex-flow: column wrap;
	    justify-content: flex-start;
	    max-height: 100%;
	    padding: 40px 20px;
	    height: 100%;
	}
		.moduletable_menuprincipal.rwd-active ul.menuprincipal li {
			width: 100%;
			padding:0px 40px;
			box-sizing: border-box;
			position: relative;
		}
			.moduletable_menuprincipal.rwd-active ul.menuprincipal li span.back{
				display: block;
			}

			.moduletable_menuprincipal ul.menuprincipal li.parent:hover ul.nav-child,
			/*.moduletable_menuprincipal ul.menuprincipal li.parent ul.nav-child li.parent:hover ul.nav-child,*/
			.moduletable_menuprincipal ul.menuprincipal li.parent > ul.nav-child{
				top:10px;
				left:110%;
				transition: all 0.3s;
				display: flex;
				opacity: 1;
				flex-direction: column;
				position: fixed;
				height: 100%;
				width: 100%;
				padding:40px 20px;
				box-sizing: border-box;
				z-index: 1000;
				font-size: 100%;
				justify-content: flex-start;
			}
			.moduletable_menuprincipal ul.menuprincipal > li.parent > ul.nav-child.active{
				left:0px;
			}
			.moduletable_menuprincipal ul.menuprincipal > li.parent > span:not(.back):after{
				border-bottom: 5px solid rgba(0, 0, 0, 0);
			    border-left: 10px solid #bdefff;
			    border-top: 5px solid rgba(0, 0, 0, 0);
			    content: "";
			    height: 0;
			    position: absolute;
			    right: -20px;
			    top: 7px;
			    width: 0;
			}
			.moduletable_menuprincipal ul.menuprincipal > li span.back:before{
				border-bottom: 5px solid rgba(0, 0, 0, 0) !important;
			    border-right: 10px solid #bdefff !important;
			    border-top: 5px solid rgba(0, 0, 0, 0) !important;
			    content: "";
			    height: 0;
			    left: -10px;
			    position: absolute;
			    top: 8px;
			    width: 0;
			    padding
			}

			.moduletable_menuprincipal ul.menuprincipal li a,
			.moduletable_menuprincipal ul.menuprincipal li span,
			.btn, .btn:nth-child(n+9),
			.moduletable_menuprincipal ul.menuprincipal li.current a,
			.moduletable_menuprincipal ul.menuprincipal li a:hover,
			.moduletable_menuprincipal ul.menuprincipal li span:hover,
			.btn:hover, a.btn.active{
				border: 0px !important;
				color: #bdefff;
			    cursor: pointer;
			    font-size: 14px;
			    font-weight: 600;
			    margin: 5px;
			    text-align: left;
			    white-space: nowrap;
			    width:auto;
			    text-transform: uppercase;
			    position: relative;
			    padding: 5px 10px;
			}
				.moduletable_menuprincipal ul.menuprincipal li.parent ul.nav-child li.parent ul.nav-child{
					display: flex;
					opacity: 1;
					position: relative;
					top: 0px;
					left: 0px !important;
					height: auto;
				}
					.moduletable_menuprincipal ul.menuprincipal li.parent ul.nav-child li.parent ul.nav-child li span,
					.moduletable_menuprincipal ul.menuprincipal li.parent ul.nav-child li.parent ul.nav-child li a{
						text-transform: inherit;
					}
}
/********************************************************************************************************************/
/********************************************************************************************************************/

@media (max-width: 800px){
	.tel span, .adresse span, .bloc3  {
		display:none;
	}
	.moduletable-topbar #topbar li a.picto-map{
		width: auto;
	}
	.moduletable-topbar #topbar li a.picto-rdv{
		width: 150px;
	}
	.moduletable-topbar #topbar li a{
		padding-left:5px;
		padding-right:5px;
	}
	.moduletable-topbar #topbar li a.picto-map img,
	.moduletable-topbar #topbar li a.picto-tel img
	{
		margin:0px;
	}
	.moduletable-topbar #topbar li a.picto-map span,
	.moduletable-topbar #topbar li a.picto-tel span
	{
		display: none;
	}
}
/********************************************************************************************************************/
/********************************************************************************************************************/

@media (max-width: 600px){
	.logo {
		padding: 100px 0 0 0;
		height:auto;
		background-position:center top;
		text-align:center;
		margin: 0;
	}
	.bloc{
		height:250px;
		margin:0 20px 50px;
	}
	.carr {
		min-height:350px;
	}
	.breadcrumb{
		display: none;
	}
}
/********************************************************************************************************************/
/********************************************************************************************************************/

@media (max-width: 480px){
	.bloc{
		width:90%;
		height:200px;
	}
	.carr {
		min-height:250px;
	}
	.carr-ph {
		position:relative;
		height:250px;
	}
	.carr-txt {
		margin: 0;
	}
	.rdv, .tel, .adresse {
		padding: 5px 10px;
	}
	.contentheading span, .moduletable-titre .custom-titre, .titre{
		padding:10px 0px;
		font-size: 0.7em;
	}

}
/********************************************************************************************************************/
/********************************************************************************************************************/

@media (max-width: 320px){
	.bloc{
		height:200px;
	}
	.bloc2-btn{
		flex:none;
		width:100%;
		padding: 20px 10px;
	}

}