@charset "utf-8";
/* CSS Document */


body
	{
	font-family: 'Roboto', sans-serif; color:#999; font-size:1.2rem; line-height:1.4rem; background-color:#F8F8F8;
	background:#E29F84;background-image:none;background:linear-gradient(to bottom, #FFFFFF 0%,#E29F84 100%);background-attachment: fixed;
	}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,#content p	{ font-family: 'Roboto', sans-serif; }
#content p,#content li,#content td,#content th,#content dd	{ font-size:1.2rem; line-height:1.7rem; font-family: 'Roboto', sans-serif; font-weight:300; color:#666; letter-spacing:0.1rem; }
#content .chapeau p	{ color:#000; font-size:1.4rem; line-height:1.9rem; }
#content .chapeau { margin-bottom:2.5rem; }

#content h1	{ font-size:2.5rem; color:#353535; font-weight:300; padding:0 0 0.7rem 0; margin:0 0 1.0rem 0; line-height:2.9rem; text-transform:uppercase; letter-spacing:0.1rem; font-family: 'Open Sans', sans-serif; }
#content h2	{ font-size:1.6rem; color:#1C5B95; font-weight:300; padding:1.3rem 0 0.7rem 0; text-transform:uppercase; }
#content h3	{ font-size:1.5rem; color:#353535; font-weight:300; color:#267CCA; text-transform:uppercase; }
#content h4	{ font-size:1.4rem; color:#151515; font-weight:300; color:#267CCA; text-transform:uppercase; }

#content	{ }
#content a			{ color:#04629F; }
#content a:hover	{ color:#000000; }

#content.row { max-width:100%; }

#main>.row, #content footer>.row	{  max-width:85%; margin:0 auto; }

#content header p	{ margin:0; }

#content .button	{ background:#1C5B95; margin-bottom:0; }
#content a.button	{ color:#FFF; }

#content .top-bar, #content .sticky	,#content .top-bar-section ul li a { font-size:1.2rem; background-color:#1C5B95; color:#E9E5E0; text-transform:uppercase; font-family: 'Roboto', sans-serif; }
#content .top-bar-section ul li a:hover	{ background-color:#252525; color:#BC9D5C; }

#Bandeau .small-4	{ font-size:1.3rem; line-height:1.7rem; }
#Bandeau .small-4 strong	{ font-family: 'Open Sans', sans-serif; font-size:1.8rem; letter-spacing:0.5rem; text-transform:uppercase; font-weight:300; color:#BC9D5C;  }

#MobileBar, .tab-bar	{ background-color:#4595DC; overflow:hidden; }
#MobileBar h1.title	{ font-family: 'Open Sans', sans-serif; font-weight:300; color:#FFFFFF; text-transform:uppercase; letter-spacing:-0.05rem; }
#MobileBar a.menu-icon span::after	{ box-shadow:0 0px 0 1px #FFFFFF,0 7px 0 1px #FFFFFF,0 14px 0 1px #FFFFFF; }

#Bandeau
	{
	min-height:8rem;
	background-color:rgba(255,255,255,.5);
	}
#content .slick-slider	{ margin:0; }

#main	{ min-height:30rem; }

#content header	   { background-color:rgba(8,153,247,0.5); }

#content footer	{ background-color:#4595DC; color:#08D7FF; min-height:5rem; padding:1rem; }
#content footer a	{ color:#EFEFEF; }

#content footer .sub-nav dd a, #content footer p	{ color:#FFFFFF; font-size:1.0rem; font-family:'Roboto',sans-serif; text-transform:uppercase; letter-spacing:-0.05rem; }
#content footer p, #content footer p a:hover, #content footer .sub-nav dd a:hover		{ color:#1C5B95; }

#breadcrumbs	{ display:block; border:none; border-radius:0; padding:1rem; margin:0rem; background-color:rgba(0,0,0,0.5); }
#breadcrumbs li	{ text-transform:none; color:#FFFFFF; font-size:0.9rem; line-height:1.0rem; }
#breadcrumbs li a	{ text-transform:none; color:#DFDFDF; }
#breadcrumbs > *::before	{ color:#666; }

#content .panel	{ border:none; background-color:rgba(255,255,255,.85); padding:0; margin:1.0rem; }
#content .panel>h2	{ background-color:#4595DC; color:#FFF; font-size:1.3rem; margin:0; padding:0.7rem; letter-spacing:-0.05rem; }
#content .panel .row>h2	{ font-size:1.6rem; font-weight:300; }
#content .panel>h2 a	{ color:#FFF; }

#content .slick .caption	{ display:block; padding:0.5rem; font-size:1.7rem; color:#000; background-color:rgba(216,197,168,0.7); text-shadow:1px 1px 2px #FFFFFF; letter-spacing:0.2rem; }

#content .block-grid li h3		{ font-size:0.9rem; font-weight:700; margin:0; text-shadow:none; color:#353535; padding:0.5rem; margin-top:0.5rem; }
#content .block-grid li h3 a	{ font-size:1.3rem; line-height:1.5rem; padding:0rem; color:#333; }
#content .block-grid li h3 a:hover	{ color:#BC9D5C; }

#content p.Date	{ color:#BC9D5C; }
#content p.Date i 	{ font-size:1.3rem; }

#content .panel ul	{ margin-left:4rem; }
#content ul[class*="block-grid-"]	{ margin:0; }

#content ul.slick	{ margin:0; }

#content form .row .columns label	{ padding:0.5rem 1.0rem; }
#content form .row .columns label input	{ margin:0; }

#content .ma0	{ margin:0.0rem; }
#content .ma1	{ margin:1.0rem; }
#content .pa0	{ padding:0.0rem; }
#content .pa1	{ padding:1.0rem; }

#content .block-grid li	{ font-size:0.9rem; line-height:1.1rem; }
#content .block-grid li strong	{ font-size:1.1rem; line-height:1.4rem; }

#content ul[class*="block-grid-"] .panel h3	{ text-transform:uppercase; padding:0.5rem 1.0rem; font-size:1.25rem; }


#content .clearfix	{ height:0rem; line-height:0rem; }

ul.left-submenu	{ list-style:none; background-color:rgba(0,0,0,0.4); margin:0; }
ul.left-submenu li a	{ font-size:0.9rem; line-height:0.9rem; margin-left:1.5rem; border-bottom: 1px rgba(0,0,0,0.4) solid; }

.date	{ color:#999; font-weight:300; font-size:1.1rem; line-height:2rem; }

.prix	{ font-weight:700; font-size:1.8rem; line-height:2.0rem; font-family: 'Open Sans', sans-serif!important; }
.prix.barre	{ font-weight:300; text-decoration:line-through; font-size:1rem!important; line-height:1.2rem; color:#930!important; }

.Chapeau p, p.Chapeau	{ font-weight:700; }

#content table.tabHoraires	{ margin:0; }
#content table.tabHoraires td, #content table.tabHoraires th	{ font-size:1.0rem; font-family:'Roboto', sans-serif; }

#content .caps	{ text-transform:uppercase;  font-family: 'Roboto', sans-serif; }

@media only screen and (min-width: 64.1em)
	{
	body	{ background-color:#59A5E7; background-image:url(/Habillage/BG.jpg); background-attachment:fixed; background-size:cover; background-position:50% 50%; }
	}

@media only screen and (max-width: 40em)
	{
	#content.row { max-width:100%; }
	#content footer	dd, #content footer	p { font-size:1.1rem; }
	#main .row, #content header .row, #content footer .row	{  max-width:100%; margin:0; }
	
	}

@media only screen and (min-width: 40.063em) and (max-width: 64em)
	{
	#main .row, #content header .row, #content footer .row	{  max-width:100%; margin:0; }
	#content { margin-top:0; border:none; }
	}