@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular_0-webfont.eot');
    src: url('fonts/opensans-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular_0-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular_0-webfont.woff') format('woff'),
         url('fonts/opensans-regular_0-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular_0-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bubbler_oneregular';
    src: url('fonts/bubblerone-regular-webfont.eot');
    src: url('fonts/bubblerone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bubblerone-regular-webfont.woff2') format('woff2'),
         url('fonts/bubblerone-regular-webfont.woff') format('woff'),
         url('fonts/bubblerone-regular-webfont.ttf') format('truetype'),
         url('fonts/bubblerone-regular-webfont.svg#bubbler_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {

font-family:century gothic;
src : url('fonts/gothic_o.ttf');
font-style:normal;
}
@charset "utf-8";
/* CSS Document */
body img,body fieldset{border:none;}
body{font-size:12px !important;background:#000;color:#fff;padding:72px 0 0;font-family:arial;}
body a{cursor:pointer !important;outline:none !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent !important;line-height: auto !important;border:0px !important}
.navbar .navbar-collapse{text-align:center;}
.navbar .navbar-nav{float:none;display:inline-block;}
.navbar-default {background-color:transparent !important;border-color:transparent !important;}
.navbar{border:0 !important;min-height: 1px !important;margin-bottom: 0 !important}
.nav > li > a{padding:0 !important;}
.menu{ font-family: 'bubbler_oneregular';border-top:2px solid #fff;margin-bottom:29px;font-size: 18px;}
.container{margin:0 auto;padding-right: 0 !important;padding-left: 0 !important;}
.navbar-nav > li{background:url(images/background/back_li-.png) no-repeat right 25px;margin-right:26px;padding-right:25px;}
.navbar-nav > li a{color:#fff !important;}
span.center{float: left;padding-top:20px !important}
.navbar-default .navbar-nav > li > a.active span.center,.navbar-default .navbar-nav > li > a:hover span.center,.navbar-default .navbar-nav > li > a:focus span.center{background:url(images/background/back_center.jpg) repeat-x center top;color:#fff !important}
span.left{float: left;width:4px;height:7px;padding-top:20px !important}
.navbar-default .navbar-nav > li > a.active span.left,.navbar-default .navbar-nav > li > a:hover span.left,.navbar-default .navbar-nav > li > a:focus span.left{background:url(images/background/back_left.jpg) no-repeat left top;}
span.right{float: left;width:4px;height:7px;}
.navbar-default .navbar-nav > li > a.active span.right,.navbar-default .navbar-nav > li > a:hover span.right,.navbar-default .navbar-nav > li > a:focus span.right{background:url(images/background/back_right.jpg) no-repeat center right;}
.couverture{position:absolute;z-index:500;top:355px;}
.slide{position:relative;}
h1{background:#e20079;font-size:24px!important;font-family: 'bubbler_oneregular';margin:200px 0 0  10% !important;padding:19px 10px 19px 66px;}
.contenu{background:url(images/background/back_contenu.png) repeat-y center top;}
.contenu{padding:3px 3px 3px 10px;font-family: 'open_sansregular';}
.contenu p{padding:28px 32px 27px 38px ;color:#000;text-align:justify;margin-bottom:0 !important}
.fb{background:url(images/background/back_fb.jpg) no-repeat left top;width:214px;height:39px;margin-top:-5px;margin-left:32px;}
.fb_iframe_widget{margin:0 auto;}
.adress{font-size:15px;color:#fff;font-family: 'open_sansregular';font-weight:bold;text-transform:uppercase;margin-bottom: 20px;}
.adress-ruel p{background:url(images/background/back_adresruel.jpg) no-repeat center left;padding-left: 26px;}
.adress-ruel .col-md-8{padding-left:0 !important;}
.tel{background:url(images/background/back_tel.jpg) no-repeat center left;color:#de1578;padding-left: 26px;}
.tel a{color:#fff;text-decoration:none;}
.more-left{background:url(images/background/back-mleft.png) no-repeat center top;text-align:center;text-transform:uppercase;float:left;width: 186px;
height: 31px;margin-top: 20px;padding-top: 3px;}
.more-left a,.more a{text-decoration:none;color:#000;}
.content_actu p{text-transform:uppercase;color:#fff;font-family: 'open_sansregular';font-weight:bold;font-size:14px;margin-bottom:1px !important;text-align:right;}
.more{background:url(images/background/back_more.png) no-repeat center top;float:right;text-align:center;text-transform:uppercase;width: 184px;
height: 31px;margin-top: 22px;font-size: 15px;font-family: 'open_sansregular';font-weight:bold;padding-top: 3px;}
.content_bottom{background:#000 url(images/background/back_cbottom.jpg) repeat-x center bottom;margin-top:26px;padding-top:5px;}
.content_bottom .col-md-6{padding-right: 0 !important;padding-left: 0 !important;}
.footer p{float:right;margin-top:15px;margin-bottom:38px;display: inline-flex}
.footer{font-family: 'open_sansregular';}
.footer p a{color:#fff;padding:0 7px;}
.footer p img{display:inherit !important;    position: relative; top: -7px;}
.row {margin-right: 0 !important; margin-left: 0 !important;} 
.fb_tt{margin:20px auto 0;}
.actubloc,.scrollcontainer{width:100%;height:104px;}
.content_actu{height:50px;}
.content .container{background:#fff;}
.content_bottom .container{background:none;}

@media screen and (min-width:1170px){
.couverture .col-md-5{width:40% !important;padding-right: 0 !important;padding-left: 0 !important;}
.logo{margin-left:57px;}
.couverture .col-md-7{width:60% !important;padding-left: 0 !important;padding-right: 2% !important;}
.couverture {width:1170px;}
h1{width: 90%;}
.menu{font-size:15px;}
}
@media screen and (max-width:1169px){
.couverture .col-md-5{width:40% !important;padding-right: 0 !important;padding-left: 0 !important;}
.logo{margin-left:57px;}
.couverture .col-md-7{width:60% !important;padding-left: 0 !important;padding-right: 2% !important;}
.couverture {width:auto;top:212px;}
h1{width: 90%;}
.navbar-nav > li{    margin-right: 20px; padding-right: 20px}
.content_bottom{margin-top:25px;}
.menu{font-size:15px;}
.body_interne .menu { font-size: 12px;}
.body_interne .content_bottom {margin-top: 52px;}
.content_bottom .col-md-8 {  width: 62% !important;}
.home .content_bottom  .col-md-8 {  width: 62% !important;}

}
@media screen and (min-width: 1025px){
content_bottom .col-md-8 {  width: 62% !important;}
.adress{width:93%;}
}
@media screen and (max-width: 1024px){

.adress {
    width: 91%;}
}

@media screen and (max-width:769px){
.menu{font-size:12px;}
.navbar-nav > li { margin-right: 10px;padding-right: 13px;}
.adress{margin:0 4% !important;}
.couverture {top: 660px;}
.couverture .col-md-7{ width:100% !important;}
h1{margin-top:5px !important;}
.contenu{    background-size: cover;}
.content_bottom{background:none;}
.more-left{margin-bottom:20px;}
.footer{margin-top:20px;}
h1 {width: 100%; padding-left: 30%; margin-left: 0 !important;}
.logo {background:#fff;margin-left:0;margin-bottom:5px;}
.logo img{display:block;margin:0 auto;}
.body_interne .menu { font-size: 13px;}
.body_interne .adress {margin-top:30px;}
.body_interne  h1 {width: 90%;padding-left: 12%;margin-left: 10% !important;}
.actubloc, .scrollcontainer {  width: 298px;margin: 0 auto;}
.adress { width: 90%;}
}
@media screen and (max-width:736px){
	body{padding-top:10px;}
	.navbar-default .navbar-toggle{border-color:#de1578 !important;}
	.icon-bar { background-color:#de1578 !important;}
	.menu{margin-bottom:0;}
	.couverture {top: 624px;}
	.container {padding-right: 15px !important; padding-left: 15px !important;}
	.body_interne h1{padding-left:6%;}
	.navbar-default .navbar-nav > li{margin-bottom:5px;}
	.navbar-nav > li { margin-right: 0;  padding-right: 0;    clear: both;}
	.couverture{position:inherit;}
.couverture .col-md-7 { padding-right: 0 !important;}
.adress { margin: 0 1% !important;}
.couverture {top: 560px;}
/*.top .menu{display:inherit;}
*/.top .menu{position:fixed;top:0;width: 100%;display:inherit;    background: #000; z-index: 1999;padding-bottom: 24px;}
.header_top .menu{display:none;}
.top .tel{background:none;font-size:16px;position:fixed;top:5px;width:77%;margin-top: 15px;  z-index: 2000;}
/*.navbar{position:fixed;z-index:1000;width: 100%; background: #000 !important;}
*//*.tops{position:fixed;width:77%;padding-top: 8px;z-index:1001;}
*/.top .tel a{margin-right:10px;}
 .menu{display:none;}
 .logo{margin-top: 48px;}
 .navbar-header:before{content:'MENU';    font-weight: bold;position:absolute;right: -49px; margin-right: 68px; margin-top:44px;    color: #fff; font-size: 17px;}
}
@media screen and (max-width: 667px){
.adress {margin: 0 12% !important;}
.adress { width: 78%;font-size:14px;}

}
@media screen and (max-width:568px){
	.couverture {top: 489px;}
	iframe { width: 90% !important;}
	.adress {margin: 0 5%!important;}
	.top .tel{width:82%;padding-left:6px;}
	.top .tel a {
    margin-right: 6px;}
.adress { width: 91%;}

}
@media screen and (max-width:480px){
	.couverture {position:inherit}
.footer p{float:inherit;text-align:center;}
.container { padding-right: 0 !important; padding-left: 0 !important;}
.adress { margin: 0 10%;}
.body_interne .content_bottom .col-md-6 { padding-right: 15px !important;}
.contenu p {  padding: 28px 14px 27px 18px !important;}
	.adress {margin: 0 13%!important;}
	.top .tel {width:76%}

}
@media screen and (max-width:414px){
	.adress {margin: 0 7%!important;}
	.top .tel{margin-top:3px;}
	.top .tel a {  margin-right: 65%;}
		.logo { margin-top: 68px;}
.navbar-toggle {  margin-top: 16px !important;}
.tel a{margin-right: 10%;}
.navbar .navbar-collapse { margin-top: 20px;}
.top .menu{padding-bottom:38px;}
.navbar-header:before{margin-top:55px;}
.tel{width:72%;}
.tel a {margin-right: 22%;}
}
@media screen and (max-width:375px){
.top .tel {  width: 51%;margin-top:5px;}
.logo {  margin-top: 83px;}
	.top .tel a {  margin-right: 36%;}
.tel a { margin-right: 22%;}
.tel{width:79%;}

	}
@media screen and (max-width:360px){
	
	.tel{width:82%;}

}
@media screen and (max-width:320px){	
	.top .tel { width: 54%;}
	.tel{width:91%;}
.tel a {  margin-right: 20%;}
	}