/*!
 * Start Bootstrap - Full Width Pics HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */


/* MODIF */

@font-face {
    font-family: 'mesmerizelight';
    src: url('mesmerize-lt-webfont.eot');
    src: url('mesmerize-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('mesmerize-lt-webfont.woff2') format('woff2'),
         url('mesmerize-lt-webfont.woff') format('woff'),
         url('mesmerize-lt-webfont.ttf') format('truetype'),
         url('mesmerize-lt-webfont.svg#mesmerizelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'times_new_yorkerregular';
    src: url('times_new_yorker-webfont.eot');
    src: url('times_new_yorker-webfont.eot?#iefix') format('embedded-opentype'),
         url('times_new_yorker-webfont.woff') format('woff'),
         url('times_new_yorker-webfont.ttf') format('truetype'),
         url('times_new_yorker-webfont.svg#times_new_yorkerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.ret_marge{
	margin-top:250px;
}

.bx-viewport{
	box-shadow: none !important;
    left: 0px !important;
	z-index:-1;
}

@keyframes header{
	0%{opacity:0; margin-left:-300px;}
	100%{opacity:1; margin-left:0px;}
}

@-webkit-keyframes header{
	0%{opacity:0; margin-left:-300px;}
	100%{opacity:1; margin-left:0px;}
}

#pp{
	position:absolute;
	z-index:-1;
	margin-top:-100%;
	float:left;
}

#pp li{
	display:block;
	float:left;
}

#pp li a{
	display:block;
	float:left;
}

a{
	color:#000000;
}

a:hover{
	color:#666666;
}

header img{
	display:none !important;
}

.centre{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	clear:both;
}

.retcentre{
	float: left;
    padding: 5px;
    width: 50%;
}

.centre .accueil_sec{
   float: left;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.img_a{
	background: url(../galerie/img_1.jpg) no-repeat center center /cover;
}

.img_b{
	background: url(../galerie/img_4.jpg) no-repeat center center /cover;
}



.prestations {
	display: block;
	float: left;
	height: auto;
	width: 50%;
}
.prestations ul {
	float: left;
	width: 100%;
	list-style-type: none;
	display: block;
	height: auto;
}
.prestations ul li {
    display: block;
    float: left;
    font-size: 15px;
    height: auto;
    width: 95%;
	  padding-bottom: 15px;
    padding-top: 15px;
}
.cat_pres {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15px;
	font-size: 18px;
	font-weight:bolder;
}

.cat_pres span{
	padding:5px 14px;
	display:block;
	background:#000000;
	color:#FFFFFF;
	float:left;
}

.ret_light_page{
	background-position: center top !important;
    padding: 60px !important;
}

.bx-controls{
	z-index:10;
}

#galerie{
	width:100%;
	height:auto;
	float:left;
}

.vign{
	height:auto;
	width:25%;
	background:#999999;
	float:left;
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.vign .cr{
	
	width:100%;
	float:left;
	z-index:1;
}

.vign .lien_vign{
	width:100%;
	display:block;
	height:100%;
	float:left;
	background:#000000;
	opacity:0.6;
	position:absolute;
	z-index:2;
}

.vign .lien_vign:hover{
	opacity:0;
}


.pink{
	background:#E80C35;
}

.vign_news{
	width:100%;
	height:250px;
	background:#CCCCCC;
	margin-top:1px;
	display:block;
	float:left;
}

.mentions{
	display: block;
    float: left;
    margin-top: 45px;
    text-align: center;
    width: 100%;
}

.blk{
	color:#000000 !important;
}

*{
 margin:0px;
 padding:0px;
}
nav{
	z-index:10;
}
.navbar-nav {
    float: left;
	background-color: rgba(5,5,5,0.7);
}

.bx-controls{
	display:none;
}

.navbar-nav li a{
	color:#FFFFFF !important;
	text-transform: uppercase;
	
}

.orange{
	background-color:#ff7511;
}

.navbar-nav li a:hover{
	background:#FF7511 !important;
}

.navbar-fixed-bottom, .navbar-fixed-top{
	position:inherit !important;
}

.navbar-inverse{
	background:	none !important;
	border:none 0px !important;
}

h1 {
	font-family: 'times_new_yorkerregular';
	float:left;
	width:100%;
	text-shadow: 1px 1px 1px #000;
}

h1 span{
	color: #ff7511;
    font-size: 66px;
}

h2{
	font-size: 4em;
    letter-spacing: 5px;
    padding: 30px 0;
    text-align: center;
	text-transform:uppercase;
	font-family: "times_new_yorkerregular";
}

h2 span{
    font-size: 58px;
}

.slog{
    background: #ff7511 none repeat scroll 0 0;
    border-bottom: 1px solid #ff7511;
    color: #fff;
    float: left;
    font-size: 12px;
    padding: 10px;
}

/* MODIF */


body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	margin:0px !important;
	color:#000000;
	font-family: 'mesmerizelight';
}

.image-bg-fluid-height,
.image-bg-fixed-height {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.image-bg-fluid-height {
	   background: #000000 url("../img/fond.jpg") no-repeat scroll center center;
    height: 300px;
    left: 5px;
    padding: 180px 0;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    z-index: -1;
}

.image-bg-fixed-height {
	background: url('../img/fond_b.jpg') no-repeat center center scroll;
    height: 450px;
}

.img-center {
	margin: 0 auto;
}

section {
    padding: 45px 0;
}

.section-heading {
    margin: 140px 0 15px;
    font-size: 4em;
}

.section-lead {
    margin: 30px 0;
}

.section-paragraph {
    margin: 0;
	  font-size:18px;
	   padding-bottom: 20px;
	   text-align:center;
	
}

footer {
    margin: 50px 0;
}


footer a{
	color:#000000;
}

footer a:hover{
	text-decoration:underline;
	color:#000000;
}

#maps{
	width:100%;
	height:400px;
	float:left;
	background:#999999 url(../img/carte.jpg) center center no-repeat;
}

.tel_haut{
   color: #FFFFFF;
    font-size: 19px;
    position: absolute;
    right: 30px;
    top: 25px;
}

p{
	margin:0px;
}

	.aaa{
		display:none;
}
	


@media screen and (max-width:1100px){
	.ret_marge{
		 margin-top: 0px;
	}
	
}

@media screen and (max-width:700px){
	.aaa{
		display:block;
	}
	
	.vign{
		width:33.33%;
	}
	#tel_haut{
		display:none;
	}
	.img-responsive{
		display:none;
	}
	
	.ret_marge{
		 margin-top: 0px;
	}
}

@media screen and (max-width:600px){
	.vign{
		width:50%;
	}
	h2{
		font-weight:45px;
	}	
	.retcentre{
		width:100%;
	}

}

@media screen and (max-width:400px){
	.vign{
		width:100%;
	}
	.prestations{
		width:100%;
	}
}

@media(max-width:768px) {
    section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .section-heading {
        font-size: 2em;
    }
}