@import "/assets/css/grid.css";
@import "/assets/css/reset.css";
@import "/assets/css/ajax.css";
@import "/assets/css/search.css";

/*========================================================
                    Main layout styles
=========================================================*/
html, body { background: #f0f0f0; width: 100%; position: relative; font-family: 'Lato'; font-size: 13px; line-height: 20px; text-align: left; }
.clear { clear: both; }
* ul { list-style: none; }
a[href^="tel:"] { color: inherit; text-decoration: none; }
* { -webkit-text-size-adjust: none; }
a { text-decoration: none; color: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
a:hover, .login li a:hover, .thumbnail h4 a:hover { color: #000000; text-decoration: none; }
h5 a:hover, .link3:hover, .list li a:hover, .list3 li a:hover, .comm a:hover { color: #e22323; }
.list li a:hover .fa { left: -20px; }
.list2 li a:hover .fa { left: -20px; }
.list3 li a:hover .fa { left: -20px; }
p { color: #888888; font-weight: 400; }

:root {
	--fd_gris:#f1f1f1;  
	--fd_jaune:#fffed5;  
	--fd_orange:#fdf1e1;  
}
.fd_gris { color:var(--fd_gris); }
.fd_jaune { color:var(--fd_jaune); }
.fd_orange { color:var(--fd_orange); }

.bg_gris { background-color:var(--fd_gris); }
.bg_jaune { background-color:var(--fd_jaune); }
.bg_orange { background-color:var(--fd_orange); }

/*========================================================
                    HEADER styles
=========================================================*/
/* Main menu styles
========================================================*/
nav { margin: 0 0 0 0; padding: 0; background: url("/assets/img/menu_bg.jpg") bottom repeat; height: 62px; }
.sf-menu li:first-child { border-left: 1px solid #c8c8c8; margin-left: 1px; }
.sf-menu li:last-child { border-right: 1px solid #c8c8c8; margin-right: 1px; }
.sf-menu { z-index: 990; position: relative; float: none; text-align: center; }
.sf-menu > li { display: inline-block; float: left; position: relative; /*text-transform: uppercase;*/ }
.sf-menu > li + li { border-left: 1px solid #c8c8c8; margin-left: -1px; }
/*.sf-menu li a i { padding-bottom:25px; }*/
.sf-menu > li > a { display: block; text-align: center; position: relative; color: #000000; font: 900 18px/70px 'Lato', sans-serif; text-transform: uppercase; text-decoration: none;  /*letter-spacing: 0;*/ padding: 0 35px; border-bottom: 5px solid #eeeeee; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; }
.sf-menu > li > a:hover {
  border-bottom: 5px solid #000000; color: #e22323; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; background: #e5e5e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(70%, #efefef));
  /* Chrome,Sa"fa ri4+ */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e5e5e5 0%, #efefef 70%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#efefef', GradientType=0);
  /* IE6-9 */
}
.sf-menu > li.current a { border-bottom: 5px solid #000000;   color: #e22323;   background: #e5e5e5; }
.sf-menu > li > a.sf-with-ul:after { position: absolute;   content: '';   left: 48%;   top: 57px;   width: 8px;   height: 5px;   pointer-events: none;   z-index: 999;   display: block;   background: url(/assets/img/arrow_menu.png) 0 0 no-repeat;   opacity: .7;   -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; }

/* First level sub-menu styles
========================================================*/
.sf-menu ul { position: absolute; background: #141414; z-index: 999; top: -10px; left: 0; width: 250px; padding: 10px 0 15px; text-align: left; display:none; }
.sf-menu ul li { position: relative; display: block; float: none !important; border: none!important; padding: 0; cursor: default; border: none; }
.sf-menu span { display:none; }
.sf-menu i { font-size:1.2em; margin-top:24px; }
.sf-menu ul li a, .sf-menu ul li a {  position: relative; /*text-transform: uppercase;*/ z-index: 999; display: block; padding: 0 13px; color: #ffffff !important; font: 400 13px/34px 'Lato', sans-serif; text-decoration: none; /*letter-spacing: 0;*/ border: none!important; background: none!important; }
.sf-menu ul li a:hover { color: #ffffff; background: #e22323 !important; }
.sf-menu > li > ul > li > a.sf-with-ul:after { position: absolute; content: ''; right: 15px; width: 5px; background: url(/assets/img/arrow_menu1.png) 0 0px no-repeat; height: 8px; top: 14px; pointer-events: none; z-index: 999; display: block; }



/* Second level sub-menu styles
========================================================*/
.sf-menu ul ul { position: absolute; background: #e22323 !important; left: 101%; top: -10px; }
.sf-menu ul ul li a { color: #ffffff; }
.sf-menu ul ul li a:hover { color: #000000 !important; background: #ffffff !important; }

.sf-menu .mrt12 { margin-top:12px; }
.sf-menu .mrt24 { margin-top:22px; }
/*
#sf2 .sf-menu li:first-child { border-left: 1px solid #c8c8c8; margin-left: 1px; }
#sf2 .sf-menu li:last-child { border-right: 1px solid #c8c8c8; margin-right: 1px; }
*/



#sf2 .sf-menu { z-index: 990; position: relative; float: none; text-align: center; padding:0;}
#sf2 .sf-menu > li { display: inline-block; float: left; position: relative;  margin-right: 1px; /*text-transform: uppercase;*/ margin-top:0px;}
#sf2 .sf-menu > li:first-child { border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; margin-left: 1px; }
#sf2 .sf-menu > li:last-child { /*float:right; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; */ background-color:#d1e2f3; background:#d1e2f3 url('/assets/img/bg_contact2.png') top center no-repeat; }
#sf2 .sf-menu > li { border-right: 1px solid #c8c8c8; }
#sf2 .sf-menu > li > a { min-height:50px; display: block; text-align: center; position: relative; color: #000000; font: 900 12px/18px 'Lato', sans-serif; text-transform: uppercase; text-decoration: none; padding:1px 34px 6px 34px; border-bottom: 5px solid #eeeeee; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; /*letter-spacing: 0;*/ }
#sf2 .sf-menu > li:last-child > a { border-color:#2e74b5; }
#sf2 .sf-menu > li > a:hover {
  border-bottom: 5px solid #000000; color: #e22323; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; background: #e5e5e5; 
  background: -moz-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(70%, #efefef));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #efefef 70%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #efefef 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#efefef', GradientType=0);
}
/*#sf2 .sf-menu > li:last-child > a:hover { background:transparent url('/assets/img/bg_contact_h.png') top center no-repeat; }*/

#sf2 .sf-menu > li.current a { border-bottom: 5px solid #000000;   color: #e22323;   background: #e5e5e5; }
#sf2 .sf-menu > li > a.sf-with-ul:after { position: absolute;   content: '';   left: 48%;   top: 52px;   width: 8px;   height: 5px;   pointer-events: none;   z-index: 999;   display: block;   background: url(/assets/img/arrow_menu.png) 0 0 no-repeat;   opacity: .7;   -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; }

/* First level sub-menu styles */
#sf2 .sf-menu ul { position: absolute;   background: #141414;   z-index: 999;   top: 62px;   left: 0;   width: 250px;   padding: 10px 0 15px;   text-align: left; display:none; }
#sf2 .sf-menu ul li { position: relative;   display: block;   float: none !important;   border: none!important;   padding: 0;   cursor: default;   border: none; }
#sf2 .sf-menu span { display:none; }
#sf2 .sf-menu i { font-size:1.2em; margin-top:24px; }
#sf2 .sf-menu ul li a, #sf2 .sf-menu ul li a {  position: relative;   /*text-transform: uppercase;*/ z-index: 999;   display: block;   padding: 0 13px;   color: #ffffff !important;   font: 400 13px/34px 'Lato', sans-serif;   text-decoration: none;   /*letter-spacing: 0;*/ border: none!important;   background: none!important; }
#sf2 .sf-menu ul li a:hover { color: #ffffff;   background: #e22323 !important; }
#sf2 .sf-menu > li > ul > li > a.sf-with-ul:after { position: absolute;   content: '';   right: 15px;   width: 5px;   background: url('/assets/img/arrow_menu1.png') 0 0px no-repeat;   height: 8px;   top: 14px;   pointer-events: none;   z-index: 999;   display: block; }

/* Second level sub-menu styles */
#sf2 .sf-menu ul ul { position: absolute; background: #e22323 !important; left: 101%; top: -10px; }
#sf2 .sf-menu ul ul li a { color: #ffffff; }
#sf2 .sf-menu ul ul li a:hover { color: #000000 !important; background: #ffffff !important; }







/* Bottom menu
========================================================*/
footer nav { height:auto; }
.bottom_menu { position: relative; background: none; text-align: left; margin:-2px 0 3px 0;}
.bottom_menu li { float: left; text-align:left; }
.bottom_menu li + li { margin-left: 19px; }
.bottom_menu li a { color: #000000; font-size: 15px; line-height: 23px; font-weight: 700; text-transform:capitalize; }
.bottom_menu li a:hover { color: #e22323; }
.bottom_menu li.current a { color: #e22323; }


/*========================================================
                    RESPONSIVE
=========================================================*/

@media only screen and (max-width: 1199px) {	
	.sf-menu > li > a { font: 900 17px/70px 'Lato', sans-serif; padding: 0 25px; }
	#sf2 .sf-menu > li > a { font: 900 11px/18px 'Lato', sans-serif; padding:5px 23px 0 23px; }
	
	.bottom_menu li a, #copyright em, #copyright a { font-size:14px; }
	.bottom_menu li + li { margin-left:15px; }
}

@media only screen and (max-width: 979px) {
/*	nav { height: 72px; }*/
	.sf-menu ul { right: -150px; }
	.sf-menu ul ul { top: 0!important; }
	.sf-menu li { min-height: 60px;	}
	.sf-menu > li > a { padding:0 24px; letter-spacing: 0; font-size: 13px; line-height: 61px; border-bottom: 0; padding: 0 23px; }
	.sf-menu li ul { top: 61px; }
	.sf-menu li ul li { height: 24px; min-height: 30px; }
	.sf-menu > li > a.sf-with-ul:after { top: 45px;	}

	#sf2 .sf-menu > li > a { font: 900 10px/18px 'Lato', sans-serif; padding:5px 14px 0 14px; min-height:none; }
	.sf-menu > li > ul > li > a.sf-with-ul:after { right: 5px;	}

	footer .grid_1 { display:none; }
	.bottom_menu li + li { margin-left:12px; }
	.bottom_menu li a, #copyright em, #copyright a { font-size:12px; }
}
@media only screen and (max-width: 767px) {
  .bottom_menu { display: none; }
  nav { /*height: 75px;*/ margin-top: 40px; padding:0; }
  .top_link { margin-bottom:15px; }
  .top_link_B { margin-bottom:15px; }
  .sf-menu { display: none; }
  .select-menu { background: #000000; border: 2px solid #ffffff;  color: #ffffff;  display: block; min-height: 32px; margin-top:12px; padding: 5px; text-align: left; /*text-transform: uppercase;*/ width: 100%; font: 14px 'Lato', sans-serif; }
}
/* #header { position: relative; background: #f0f0f0 url("/assets/img/header_bg.png") 0 0 repeat-x; text-align: left; }*/
#header { position: relative; background: #f0f0f0 url('/assets/img/slide2_top.jpg') center center; text-align: left; }
#header.s2 { background: #f0f0f0 url('/assets/img/slide1.jpg') center center; }
#header .p10 { padding:10px 0; }


.p20 { padding:20px; }

h1 { margin: 12px 0 12px 0; }
h1 a { text-transform: uppercase;   position: relative;   color: #e22323;   font-weight: 900;   font-size: 110px;   line-height: 95px;   z-index: 1;   letter-spacing: -7px; }
h1 a span { margin-left: 6px;   font-size: 50px;   line-height: 50px;   font-weight: 300;   color: #000000;   letter-spacing: -3px;   vertical-align: bottom; }
h1 a:hover,.block h3 a:hover,.thumb h4 a:hover { color: #e22323; }
.login { position: relative;   display: inline-block;   margin-top: 15px; }
.login li { float: right;   margin-left: 18px; }
.login li a { color: #e22323; font-size: 16px;   line-height: 23px; font-weight: 700; }
.login li a i { margin:4px 5px 0 0; }
.login li + li  a i { margin:5px 5px 0 0; }

.top_link { position: relative; display: block; top: 15px; float: right; font-size: 16px; padding:0; color: #ffffff; }
.top_link div { float:left; }
.top_link div+div { float:right; }
.top_link .fa { color: #e22323; font-size: 24px; margin:8px 0 0 0; }
.top_link a:hover, .top_link a i:hover { color: #fff; }

.top_link_B { position: relative; display: block; top: 15px; float: right; background: #000000; font-size: 16px; padding: 0 25px; color: #ffffff; font-weight: 700; width: 220px;   /*text-transform: uppercase;*/ }
.top_link_B div { float:left; }
.top_link_B div+div { float:right; }
.top_link_B .fa { color: #e22323; font-size: 24px; margin:12px 0 0 0; }
.top_link_B a:hover, .top_link a i:hover { color: #fff; }
.top_link_B input { width:150px; background:#000; font: 18px/48px 'Lato', sans-serif; color:#fff; border-width:0; margin-bottom:2px; padding-right:10px; }


/*========================================================
                    CONTENT styles
=========================================================*/
#content {
  background: #fafafa;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI2JSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #fafafa 0%, #f6f8f9 6%, #ffffff 50%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(6%, #f6f8f9), color-stop(50%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fafafa 0%, #f6f8f9 6%, #ffffff 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fafafa 0%, #f6f8f9 6%, #ffffff 50%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 0%, #f6f8f9 6%, #ffffff 50%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fafafa 0%, #f6f8f9 6%, #ffffff 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
  /* IE6-8 */
}
.bg1 { background-color: #ffffff; }
.bg2 { background-color: #eeeeee; }
.bg3 { background-color: #f1f1f1; }
.bg4 { background-color: #000000; }
.bg5 { background-color: #e22323; }
.right { text-align: right; }
.p31 { padding: 0px 0 31px; }
.p30 { padding: 30px 0 0px; }
.p32 { padding: 30px 0 32px; }
.p43 { padding: 0px 0 43px; }
.center { text-align: center; }
.m1 { margin-bottom: 43px; }
.m2 { margin-bottom: 30px; }
.m3 { margin-bottom: 20px; }
.m4 { margin-bottom: 18px; }
.m5 { margin-top: 50px; }
.m6 { margin: 15px 0 15px 0; }
.m7 { margin-bottom: 5px; }
.m7b { margin-bottom: 7px; }
.m8 { margin-bottom: 8px; }
.mt1 { margin-top: 5px; }
.mt2 { margin-top: 10px; }
.mt3 { margin-top: 8px; }
.mt4 { margin-top: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mp0 { border:solid 2 px blue; margin:0; padding:0; color:yellow; }
.white { color: #ffffff; }
.red { color: #e22323; }
.fleft { float: left; }
.fright { float: right; }
h2, h3, h4, h5, h6 { display: block;   color: #ffffff;   position: relative;   font-family: 'Lato';   /*text-transform: uppercase;*/ }
h2 { font-size: 28px;   line-height: 27px;   margin-bottom: 15px;   font-weight: 900;   color: #000000; }
h3 { font-size: 24px;   line-height: 34px;   font-weight: 400;   letter-spacing: 1.5px; }
h4 { color: #000000;   font-size: 16px;   line-height: 20px;   font-weight: 700; }
.sous_titre { color: #e22323; font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 4px; }
h5 {  color: #ad9480;   font-size: 14px;   line-height: 20px;   font-weight: bold;   letter-spacing: .6px;   text-transform: uppercase; }

/************section*************/
.section { position: relative;  overflow: hidden; padding: 30px 30px 27px; background: #f1f1f1; }
.section figure { padding:0; margin:0 0 0 0; }
.section figure img { width:100%; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.section_demo_n { position: relative;  overflow: hidden; padding: 25px 20px; background:#f1f1f1 url('/assets/img/demo_n.png') top right no-repeat; }
.section_demo_m { position: relative;  overflow: hidden; padding: 25px 20px; background:#f1f1f1 url('/assets/img/demo_m.png') top right no-repeat; }
.section_demo_d { position: relative;  overflow: hidden; padding: 25px 20px; background:#f1f1f1 url('/assets/img/demo_d.png') top right no-repeat; }

.section_demo_n b { font-weight:bold; }
.section_demo_m b { font-weight:bold; }
.section_demo_d b { font-weight:bold; }
.section_demo_n i { font-style:italic; }
.section_demo_m i { font-style:italic; }
.section_demo_d i { font-style:italic; }

/************article*************/
article { position: relative;   overflow: hidden;   padding-bottom: 3px; }
article h4 { color: #e22323; }
article + span { margin-bottom: 18px!important; }
.l { float: left;   margin-right: 30px; }
.r p { margin-top: 8px; }


/************thumbs*************/
.thumb { position: relative; overflow: hidden; text-align: left; background: #ffffff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; font-family: 'Lato'; }
.thumb img { margin-bottom: 12px; }
.thumb h4 { text-transform: uppercase; color: #000000; font-weight: bold; }
.thumb span { color: #e22323; font-weight: 900; font-size: 18px; }
.thumb p { font-size: 13px; }
.thumb1 { position: relative; width: 47%; float: left; margin-top: -4px; }
.thumb1 + .thumb1 { margin-left: 30px; }
.thumb1 h4 { color: #e22323; }
.thumb2 { position: relative; width: 100%; float: left; margin-top: -4px; }
.thumb2 p { color:#363636; }
.thumb2 h4 { color: #e22323; font-size:28px; line-height:54px; font-weight:bold; }

.thumb2 fieldset dd { float:left; text-align:left; margin:0; }
.thumb2 fieldset dd + dd { float:right; text-align:right; }
.thumb2 fieldset dd a i { margin:2px 5px 0 0; font-size:15px; }
.thumb2 .couv { width:100%; border:solid 5px #fff; } 

.thumb3 { border:solid 4px #fff; padding:0; margin:0; }
.thumb4 { border:0; padding:0; margin:0; }
.thumb3 img, .thumb4 img { padding:0; margin:0; }

@media only screen and (max-width: 767px) {
	.thumb2 fieldset dd { float:none; text-align:left; }
	.thumb2 fieldset dd + dd { float:none; margin-top:10px; text-align:left; }
}

.thumbnail { position: relative; overflow: hidden; width: 217px; float: left; }
.thumbnail img { margin-bottom: 27px; }
.thumbnail h4 { margin-bottom: 7px; }
.thumbnail h4 a { color: #e22323; }
.thumbnail + .thumbnail { margin-left: 29px; }

.thumb_4 { width: 31.77%; float: left; margin-top: -11px; }
.comm { font-size: 12px; line-height: 12px; margin: 6px 0 0; position: relative; }
.comm .fa { margin-right: 3px; }
.wrap1 { margin-bottom: 40px; }
.circle { position: relative; overflow: hidden; display: inline-block; height: 46px; width: 46px; line-height: 46px; font-size: 28px; font-family: 'Lato'; text-align: center; background: #e22323; color: #ffffff; margin-top: 0; font-weight: 700; float: left; margin-right: 16px; -webkit-border-radius: 500px; border-radius: 500px; }
.thumb2 .circle { position: relative; overflow: hidden; display: inline-block; height: 54px; width: 54px; line-height: 54px; font-size: 28px; letter-spacing:2px; font-family: 'Archivo narrow', 'Lato'; text-align: center; background: #e22323; color: #ffffff; margin-top: 0; font-weight: 700; float: left; margin-right: 16px; padding-left:2px; -webkit-border-radius: 500px; border-radius: 500px; }
.block { position: relative; overflow: hidden; }
.block1 { position: relative; overflow: hidden; }
.p_mails { background-image:url('/assets/img/p_mails.png'); background-repeat: no-repeat;  background-position: right top; }
.p_news { background-image:url('/assets/img/p_news.png'); background-repeat: no-repeat;  background-position: right top; }
.p_infos { background-image:url('/assets/img/p_infos.png'); background-repeat: no-repeat;  background-position: right top; }
.p_menu { background-image:url('/assets/img/p_menu.png'); background-repeat: no-repeat;  background-position: right top; }
.p_map { background-image:url('/assets/img/p_map.png'); background-repeat: no-repeat;  background-position: right top; }

.block h3 { text-transform:none; }
.block > div { background: #000; padding: 5px 12px 20px; margin-top: -15px; /*-31px;*/}
.block h3 { color: #ffffff; letter-spacing: 0; font-weight: 700; font-size: 17px; line-height: 23px; }
.block p { margin-top: 6px; }
.block a:hover, .cantine a:hover {color:#fff; }
.block1 > div { padding: 18px 15px 18px 20px; }
.block1 h2 { color: #ffffff; margin-bottom: 3px; font-size: 26px; }
.block1 h3 { font-size: 16px; line-height: 33px; font-weight: 900; letter-spacing: -0.2px; }
.block1 p { color: #ffffff; }
.add { float: left; margin-right: 72px; margin-bottom: 46px; }

/* Editeur */
.txt { position: relative; margin-bottom: 21px; text-align: left; color:#363636; position: relative; font: 13px/20px 'Lato'; text-align: left;  }
.txt p, .txt span { color:#363636; padding:0; margin:0; }
.txt b, .txt strong { font-weight:bold; } 
.txt p u { text-decoration:underline; } 
.txt p i, .txt p em { font-style:italic; } 
.txt p b {  font-weight:bold; } 
.txt p strong {  font-weight:bold; } 
.txt .sous_titre, .actualites .sous_titre { color: #e22323; font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 4px; }

.txt:last-child { margin-bottom: 8px; }
.txt h4 { color: #e22323; margin-bottom: 4px; }
.txt a { display: inline-block; color: #000; text-decoration: underline; }
.txt a:hover { text-decoration: none; color: #e22323; }

.map iframe { border:solid 1px #e6e6e6; width:100%; height:auto; }


/************rating*************/
.rating { unicode-bidi: bidi-override; direction: rtl; margin: 8px 0 4px; }
.rating > span { display: inline-block; position: relative; margin-right: -3px; font-size: 12px; }
.rating > span:hover:before,
.rating > span:hover ~ span:before { content: "\f005"; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; text-decoration: inherit; color: #e22323; position: absolute; top: -4px; left: 0; }

/************sidebar*************/
.sidebar { position: relative; overflow: hidden; padding: 27px 30px; font-family: 'Lato'; }
#actus .sidebar { padding: 20px; }

#compte_rendus .grid_4, #compte_rendus .grid_7 { margin-left:0; }
#compte_rendus .sidebar h2 { line-height:35px; }
.sidebar2 { position: relative; overflow: hidden; padding: 8px; font-family: 'Lato'; }
.sidebar3 { position: relative; overflow: hidden; padding: 20px; font-family: 'Lato'; }
.sidebar h4 { margin-bottom: 10px; color: #e22323; }
.sidebar img { margin-bottom: 33px; }
.sidebar.bg3 > p { margin:0; color: #363636; }
.sidebar.bg3 > div { display: block; margin-top: 8px; line-height: 14px; font-size: 11px; font-family: 'Lato'; font-weight: 400; }
.sidebar.bg3 > div .fa { font-size: 12px; margin-right: 5px; }
.sidebar.bg3 > div a:hover { color: #e22323; }
.sidebar.bg4 > b, .sidebar.bg4 > strong { font-weight:bold; }
.divider { height: 1px; display: block; position: relative; margin: 15px 0 10px; background: #c8c8c8; }
#motdumaire, #motdumaire p, #motdumaire div { color:#fff; }
#motdumaire a, #motdumaire p a, #motdumaire div a { color:#e22323; text-decoration:underline; }
#motdumaire a:hover, #motdumaire p a:hover, #motdumaire div a:hover { color:#ea5e5e; text-decoration:none; }

/************tabs*************/
.div-nav {color:#363636; }
.div-nav h2 { margin-bottom:15px; }
.div-nav h4 { margin-bottom:5px; color:#e22323; }
.div-nav img { width:100%; }
.tabs { margin-top: 0; }
.tabs h2 i { margin:-1px 5px 0 0; }
.tab-content { overflow: hidden; }
#header #stuck_container { position: relative; z-index: 700; -webkit-box-shadow: 0 2px 1px #dddddd; box-shadow: 0 2px 1px #dddddd; }
.nav { overflow: hidden; border: none; background: none; padding: 0; margin-bottom:2px; }
.tabs .nav li { float: left; margin: 0; padding: 0; text-align: center; width: 283px; border: 1px solid #c8c8c8; }
.tabs .nav li + li { margin-left: -1px; }
.tabs .nav li.selected a { position: relative; z-index: 2; background: #ffffff; color: #e22323; margin-bottom: -1px; }
.tabs .nav li a { font-size: 18px; line-height: 55px; display: block; color: #000000; font-weight: 800; font-family: 'Lato'; float: none; background-color: #f1f1f1; }

/*******************links*******************/
.link, .button_loading { position: relative; display: inline-block; background: #e22323; color: #ffffff !important; font-family: 'Lato'; text-decoration: none; margin: 25px 0 0; padding: 0 28px; font-size: 16px; line-height: 53px; font-weight: 700; border-radius: 0px; }
.link:hover { color: #000000 !important; }


.button_loading { cursor:not-allowed; background: #757575; font-style:italic; }
.button_loading:hover { color: #ffffff; }

.link1 { background: #000000; font-size: 20px; line-height: 53px; display: inline-block; width: 100%; color: #ffffff; text-align: center; font-weight: 900; margin-top: 7px; }
.link1:hover { color: #e22323; }
.bg4 h4 > a:hover { color: #ffffff !important; }

.link3 { font-weight: bold; display: inline-block; margin-top: 5px; }

/**********lists**************/
.list { position: relative; overflow: hidden; text-align: left; }
.list li { position: relative; margin-left: 25px; }
.list li a { color: #363636; line-height: 32px; font-size: 15px; }
.list li .fa { position: absolute; left: -25px; font-size: 22px; color: #e22323; line-height: 32px; font-weight: bold; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.list2 { position: relative; overflow: hidden; text-align: left; }
.list2 li { position: relative; margin-left: 25px; }
.list2 li a { color: #363636; line-height: 32px; font-size: 15px; float:left; }
.list2 li a + a { float:right; text-align:right; clear:after; }
.list2 li .fa { position: absolute; left: -25px; font-size: 22px; color: #e22323; line-height: 32px; font-weight: bold; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.list2 li a + a .fa { font-size:0.8em; }
.list2 li a:hover { color:#cc0000; }
.list2 li a:hover span { text-decoration:none; }

.list1 { padding-top: 8px; }
.list1 li { position: relative; overflow: hidden; margin-bottom: 17px; }
.list1 li + li { border-top: 1px solid #323232; padding-top: 19px; }
.list1 li:last-child { margin-bottom: 0px; }
.list1 img { float: left; margin: 0 29px 0 0; width:116px; border:solid 2px #fff; }

.list3 { position: relative; overflow: hidden; text-align: left; }
.list3 li { position: relative; margin-left: 25px; }
.list3 li a { color: #363636; line-height: 28px; font-size: 14px; }
.list3 li .fa { position: absolute; left: -25px; font-size: 16px; color: #e22323; line-height: 28px; font-weight: bold; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#plan .list3 li a { font-weight:bold; }

#plan .list3 li .list4a a, #plan .list3 li .list4b a { font-weight:normal; }

.list4 li a { font-size:14px; }
.list4a { margin-left:25px; }
.list4a li a { font-size:12px; line-height:26px; font-weight:normal; }

.list4b { margin-left:0; padding:0; }
.list4b li a { font-size:13px; line-height:26px; font-weight:normal; }
.list4a li { float:none; display:inline-block; padding:0; margin:0; }
.list4a li + li:before { content:" , "; padding:0 3px 0 0; line-height:28px; }

/* ACTUALITES ------------------------------------------ */
.actualites .thumbnail { float:none; width:100%; color:#363636; }
.actualites .thumbnail area { color:#363636; margin:0; }
.actualites .thumbnail + .thumbnail { margin:0; }

.actualites .thumbnail .divider  { margin:0 0 15px 0; }
.actualites .thumbnail + .thumbnail .divider { margin:15px 0; }
.actualites .sidebar { margin-bottom:0; }
.actualites .sidebar .txt p, .actualites .sidebar .txt div, .actualites .sidebar .txt span { color:#fff; }
.actualites .sidebar img { width:100%; } 
.actualites .sidebar2 img { width:100%; } 
.actualites .sidebar3 img { width:100%; } 
.actualites .f_right { padding-top:10px; }
.actualites .f_right .fa { font-size: 12px; margin:4px 5px 0 0; }
.actualites .f_right a:hover { color: #e22323; }
.actualites .f_right a { margin-left:20px; }

.actualites .thumbnail .grid_2 { float:right; text-align:right; padding:0 0 0 20px; margin:0; }
.actualites .thumbnail .grid_2 img { width:100%; margin:0; padding:0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
.shd1 { -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }

.actualites .tdv1, .smart { display:block; }
.actualites .tdv2,  { display:none; }

.actualites .bg5 a { color:#fff; text-decoration:underline; }
.actualites .bg5 a:hover { color:#000; text-decoration:none; }
.actualites .bg3 a { color:#000; text-decoration:underline; }
.actualites .bg3 a:hover { color:#e22323; text-decoration:none; }

.actualites .sidebar img { margin-bottom:20px; }

.actualites #rech { min-height:40px; }
.actualites #rech #famille { text-transform:uppercase; }
.actualites #rech div { float:left; text-align:left; padding:0; margin:0 0 5px 0; }
.actualites #rech div input { width:220px; }
.actualites #rech div + div { float:right; text-align:right; padding:0; margin:3px 0 0 10px; height:40px; }
.actualites #rech div + div a { background: #000000; padding:5px 10px 7px 10px; color: #ffffff; text-align: center; text-decoration:none; }
.actualites #rech div + div a:hover { color: #e22323; }
.actualites #rech_result { font-weight:normal; font-size:0.9em; }
.actualites #rech_result b { font-weight:bold; }
.actualites #rech_result i { font-style:none; }
.actualites #rech_result br { margin-bottom:8px; }

.actualites h2 { margin-bottom:10px; }
.actualites .p_infos h2 { line-height:35px; }
.commissions h3 { margin-bottom:5px; color:#000; font-weight:bold; color:#e22323; text-align:center; }

.actualites h4 a { text-decoration:underline; } 

#horaires h2 { margin-bottom:15px; }
#horaires h2 a { text-decoration:none; }
#horaires h3 { line-height:20px; margin:12px 0 0 0; }
#horaires h3 i { width:20px; font-size:20px; line-height: 20px; margin:0 5px 0 0; }
#horaires p { margin-top:15px; text-align:justify; }
.pl3 { padding-left:3px; }

.article b { font-weight:bold; }
.article .f_right .fa { font-size: 12px; margin:4px 5px 0 0; }
.article .f_right a:hover { color: #e22323; }
.article .f_right a { margin-left:20px; }
.article h4 span { font-size:0.7em; color: #e22323; margin-left:10px; }

#cantine_accueil a i { margin:4px 5px 0 0; }
.cantine h2 { padding-right:30px; }
.cantine .sidebar p a { font-size:1.2em; line-height:25px; }
.cantine .sidebar p a i { margin:5px 8px 0 0; }
.cantine .sidebar3 img { width:100%; } 

.cantine .bg5 a { color:#fff; text-decoration:underline; }
.cantine .bg5 a:hover { color:#000; text-decoration:none; }

.conseil_municipal .l { margin-right:25px; }
.conseil_municipal .l img { margin:5px 0 8px 0; text-align:center; width:200px; }
.conseil_municipal .thumbnail { position: relative; overflow: hidden; width:200px; float: left; }
.conseil_municipal .thumbnail img { margin-bottom:10px; width:200px; }
.conseil_municipal .thumbnail + .thumbnail { margin-left: 25px; }
.conseil_municipal .l div, .conseil_municipal .thumbnail div { margin:2px 0; }
.conseil_municipal .thumbnail .divider { margin-bottom:40px; margin-right:25px; }
.conseil_municipal .grid_4 .sidebar img { width:100%; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); margin:0; padding:0; }
.conseil_municipal .grid_4 .sidebar .txt p { padding:0; margin:0; }
.conseil_municipal .grid_4 .sidebar .txt div { padding:0; margin:0; }

.galeries .l { margin-right:25px; }
.galeries .l img { margin:5px 0 8px 0; text-align:center; width:auto; }
.galeries img { width:100%; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
.galeries h4 { min-height:45px; }
.galeries h4 a { color: #e22323; }
.galeries h4 a:hover { color: #000000; }
.galeries .l div, .galeries .thumbnail div { margin:2px 0; }
.galeries .thumbnail .divider { margin-bottom:40px; margin-right:25px; }
.galeries .divider { margin:40px 0; }
.galeries fieldset { margin-bottom:15px; }
.galeries .nopic { background:#f1f1f1 url('/assets/img/nopic1.png') center no-repeat; min-height:130px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
.galerie .thumbs img { -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }


.articles_infos { margin-top:20px; }
.articles_infos li { margin-bottom:5px; font-size:14px; }
.articles_infos li i { width:20px; margin:3px 3px 0 0; color:#fff; }


@media only screen and (max-width: 1199px) {
	.actualites #rech div input { width:100%; }
}
@media only screen and (max-width: 767px) {
	.galeries .comm { margin-bottom:50px; }
	.galeries .divider { display:none; }

	.actualites .tdv1, .smart { display:none; }
	.actualites .tdv2 { display:block; }
	.actualites #rech div input { width:300px;  }
}
@media only screen and (max-width: 480px) {
	.actualites #rech div input { width:150px; }
}

.grid_2 .gazette { border:solid 1px #f5f5f5; width:100%;  }
.grid_2 .cantine { width:100%; }
.grid_2 #blason img { width:100%; }
#gazette_last .gazette { width:auto; max-width:270px; height:404px; }
#gazettes_archives { border:solid 1px #dadada; border-width:0 0 1px 0; }
#gazettes_archives .current { background-color:#fbfbfb; margin:0; }
#gazettes_archives .olds { background-color:transparent; margin:0; }
#gazettes_archives .intro { border:solid 1px #dadada; border-width:1px 0 0 0;padding:7px 7px 0 7px; margin:0; cursor:pointer; }
#gazettes_archives .lst { border:dashed 1px #dadada; border-width:0 0 0 0;margin:0 0 0 7px; }


#cimetiere .actualites .bg5 img { margin:0; padding:0; }


/*========================================================
                    FOOTER styles
=========================================================*/
#footer { position: relative; text-align: center; padding: 52px 0; background:#fff url('/assets/img/slide1_footer.jpg') bottom center; min-height:170px; }
#footer.s2 { background:#fff url('/assets/img/slide1.jpg') center center; text-shadow:1px 1px 2px black; color:#fff; }
#footer h1 { margin: 0px 0 10px; text-align: left; }
#footer h1 img { width:100%; }
#footer h1 a { text-transform: uppercase; position: relative; color: #e22323; font-weight: 900; font-size: 90px; line-height: 80px; z-index: 1; letter-spacing: -5px; }
#footer h1 a span { margin-left: 11px; font-size: 48px; line-height: 48px; font-weight: 300; color: #000000; letter-spacing: -3px; vertical-align: bottom; }

.socials { position: relative; text-align:left; margin:0 0 6px -1px; }
.socials li { float: left; margin-right: 8px; text-align:center; }
.socials li a { display: inline-block; background: #d1d1d1; width: 30px; height: 30px; position: relative; -webkit-border-radius: 41px;  border-radius: 41px; }
.socials li .fa { line-height: 30px; font-size: 14px; color: #fff; }
.socials li a:hover { background: #e22323; }

.liens77 { position: relative; text-align:center; margin:0 8px 12px 0; }
.liens77 li { display:inline-block; text-align:center; margin:0 0 8px 8px; padding:15px 10px; }
.liens77 li img { width:50px; height:50px; border:solid 1px silver; }
.liens77 li img:hover { border-color:#e22323; }

.pr { position: relative; }

#copyright { position:relative; padding:0; margin:0 0 6px 0; text-align:left; }
#copyright a { margin:0 7px; }
#copyright h1 a { margin:0; }

.copy { font: 400 13px/20px 'Lato', sans-serif; color: #fff; text-align: left; padding:0; margin:0 0 30px 0; text-shadow:1px 1px 2px black; }
.copy em { padding-right:10px; display:inline-block; }
.copy > span { position: relative; display: inline-block; }
.copy a { color: #fff; display: inline-block; position: relative; line-height: 20px; font-size: 13px; text-shadow:1px 1px 2px black; }
.copy a:hover {  color: #e22323;}

#footer.s2 #copyright a, #footer.s2 .copy { text-shadow:1px 1px 2px black; color:#fff; }

footer #realisation { position:absolute; bottom:20px; right:20px; text-align:right; }
footer #realisation a { font:10px 'lato'; color:#c8c8c8; text-decoration:none; opacity:0.7; }
footer #realisation a:hover { color:#b7b7b7; text-decoration:none; }


/*========================================================
                    Widget styles
=========================================================*/
/* UItoTop styles
========================================================*/
#toTop {
  background: url(/assets/img/totop.png) 0 0 no-repeat; border: none; bottom: 210px; display: none; height: 42px; left: 57.2%; margin-left: 500px; overflow: hidden; position: fixed; text-decoration: none;
  text-indent: -999px; width: 42px; z-index: 20; opacity: .7; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
#toTop:hover {
  background: url(/assets/img/totop_hover.png) 0 0 no-repeat; opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}


/*========================================================
                RESPONSIVE LAYOUTS STYLES 
=========================================================*/
@media only screen and (max-width: 1199px) {
	nav {
	}
	.top_link { top:6px; }
	.block > img, .block1 > img, .thumb img, .thumbnail img, .sidebar img, .sidebar2 img, .sidebar3 img { width: 100%; }
	.tabs .nav li { width: 49.5%; }
	.block h3 { font-size: 17px; }
	.block1 h2 { font-size: 22px; }
	.block1 h3 { font-size: 15px; }
	.thumb h4 { font-size: 14px; }
	.thumbnail { width: 173px; }
	.thumbnail + .thumbnail { margin-left: 20px; }
	.top_link { font-size: 14px; width: auto; }
	.rating > span { margin-right: 0; }
	.rating { margin: 10px 0 8px; }
	.link3 { font-size: 15px; }
	.divider { margin: 25px 0 20px; }
	.list1 img { float: left; margin: 0 14px 60px 0; width: 40%; }

	.conseil_municipal .l img { margin:5px 0 8px 0; text-align:center; width:180px; }
	.conseil_municipal .thumbnail { width:150px; }
	.conseil_municipal .thumbnail img { width:150px; }
}
@media only screen and (max-width: 979px) {
	 .actualites .p_infos h2 { line-height:25px; font-size:22px; }
	.block1 h3 { font-size: 13px; font-weight: 700; letter-spacing: -1px; }
	.block h3 { font-size: 13px; line-height: 16px; }
	.thumb h4 { font-size: 13px; }
	.link1 { font-size: 16px; }
	#footer h1 a { font-size: 67px; letter-spacing: -5px; line-height: 67px; }
	#footer h1 a span { font-size: 35px; letter-spacing: -3px; line-height: 41px; margin-left: 6px; }
	.thumbnail { width: 100%; }
	.thumbnail + .thumbnail { margin: 30px 0 0;	}
	article + span { margin-bottom: 30px !important; }
	.list1 img { float: none; margin: 0 0 20px; width: 100%; }
	.thumb1 { width: 46%; }
	.thumb1 h4 { font-size: 14px; }
	.m3 { margin-bottom: 0; }

	.conseil_municipal .l img { margin:5px 0 8px 0; text-align:center; width:150px; }
	.conseil_municipal .thumbnail { width:120px; margin-top:0;  }
	.conseil_municipal .thumbnail img { width:120px; }
	.conseil_municipal .thumbnail + .thumbnail { margin-left: 15px; }
	.conseil_municipal .l div, .conseil_municipal .thumbnail div { margin:2px 0; }
	.conseil_municipal .thumbnail .divider { margin-right:15px; }

	.liens77 { padding:0; margin:0 -60px 0 0; }
}
@media only screen and (max-width: 767px) {

	 h1 img { width:275px; height:75px; }

	.p30 { padding: 30px 0 0; }
	.p32 { padding: 0 0 40px; }
	.wrap, .m2 { margin-bottom: 40px; }
	.wrap1,	.wrap2 { padding-top: 40px; }
	.login { width:100%; margin:0; }
	.login li { float:left; text-align:left; margin:0; padding:0; }
	.login li + li { float:right; text-align:right; margin:0; padding:0; }
	.right { ext-align: center;	}
	/* .top_link { float: none; font-size: 13px; font-weight: 400; line-height: 49px; padding: 0px 15px; position: relative; top: 8px; width: auto;	}*/

	.top_link { padding:0; margin-top:5px; }
	.login { display: inline-block; float: none; margin-top: 0; }
	.block h3 { font-size: 15px; line-height: 23px;	}
	.block > div { /*margin-top: -31px;*/ padding: 0 20px 20px; }
	.block1 h3 { font-size: 17px; font-weight: 700; letter-spacing: 0px; }
	.copy { text-align: center; }
	.socials { left: 0; margin-top: 10px; position: relative; overflow: hidden; text-align:center; display:inline-block; }
	.socials li { margin:0 4px; }

	.liens77 { padding:0; margin:10px 0 0 0; text-align:center; }
	.liens77 { float:none; display:inline-block; text-align:center; }
	.liens77 li { margin:0 6px; }

	.l { float: none; margin: 0 0 20px; }
	.l img { width: 100%; }
	.thumb_4 { float: none; margin-top: 0; width: 100%; }
	.thumb_4 + .thumb_4 { margin-top: 20px; }
	.thumb1 { width: 100%; }
	.thumb1.m2, .thumb2.m2 { margin: 0; }
	.thumb1 + .thumb1 { margin: 35px 0 0; }
	.thumb1 h4 { font-size: 16px; }
	.thumb2 h4 { font-size: 20px; }

	.conseil_municipal .l img { margin:5px 0 8px 0; text-align:center; width:auto; }
	.conseil_municipal .thumbnail { float:none; margin:0; width:100%; }
	.conseil_municipal .thumbnail img { width:auto; }
	.conseil_municipal .thumbnail + .thumbnail { float:none; margin:20px 0 0 0; }
	.conseil_municipal .l div, .conseil_municipal .thumbnail div { margin:2px 0; }
	.conseil_municipal .thumbnail .divider { margin-right:15px; }

	.actualites .thumbnail .grid_2 { float:right; text-align:right; padding:15px 0 0 0 ; margin:0; }
}
@media only screen and (max-width: 480px) {
	.wrap { margin-bottom: 30px; }
	#header { text-align: center; }
	#header h1 img, #footer h1 img { width:100%; text-align:center; }
	.tabs .nav li { width: 99%;	}
	.tabs .nav li + li { margin: -1px 0 0 0; }
	.tabs .nav li.selected a { margin-bottom: 0; }
	.section, .section_demo_n, .section_demo_d, .section_demo_m { padding: 20px; }
	h1 a { font-size: 76px; line-height: 76px; }
	h1 a span { font-size: 35px; letter-spacing: -3px; line-height: 43px; }

	.login li a { font-size:13px; }
}