body {
   padding-top: 54px;
}
@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}
*/
body
{
	overflow-x: hidden;
}
.container-fluid
{
	max-width: 1200px;
}
#mobile
{
	display: none;
}
@font-face 
{
    font-family: 'BebasNeue';
    src: url('../font/BebasNeue.otf');
}
iframe#map, img.d-block.w-100
{
	height: 600px !important;
}
.carousel-item 
{
    height: auto;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.fixed-me
{
	position: fixed;
    width: 100%;
    z-index: 9998;
    top: 0px;
}
.portfolio-item 
{
    margin-bottom: 30px;
}
/****** new style *******/
#titre1 .col-md-1.col-sm-1.col-xs-1, #titre1 .col-md-6.col-sm-6.col-xs-6
{
	padding: 0px;
}
img#logo 
{
	max-width: 150px !important;
    position: relative;
    z-index: 999;
}
#social-nav
{
    float: right;
    display: inherit;
}
#social
{
    background-repeat: no-repeat;
    background-size: auto;
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
	.nav-link
	{
		font-size: 15px !important;
		font-weight: bold;
	}
}
@media screen and (min-width: 1024px) {
	#menu-nav
	{
		margin-top: 12px;
		background: #FFF;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#menu-nav ul.navbar-nav
	{
		height: 35px;
		position: relative;
		top: -10px;
	}
	#menu-nav a.nav-link, #menu-nav a.navbar-brand
	{
		color: #2E2EFE;
		font-size: 20px;
		letter-spacing: 1.5px;
	}
	#social-nav .d-flex.flex-row.order-2.order-lg-3
	{
		float: right;
	}

}

.navbar-nav li:hover .submenu{
		background: #FFF;
		border-left: 2px #ffc942 solid;
		border-right: 2px #ffc942 solid;
		border-bottom: 2px #ffc942 solid;
		display: inline-block;
		padding: 15px 10px;
		position: relative;
		margin-left: 10px;
		width: 300px;
		list-style: none;
		z-index: 1000000;
	}
	
.breadcrumb li {
	display: inline-block !important;
}


.submenu{
   display: none;
}

ol.breadcrumbn, .breadcrumbn {
background-color:  #ffc942;
list-style: none;
font-size: 10px;
line-height: 19px;
font-weight: 720;
color: #120f08;
margin:0 0 3px 3px;
text-align: left;}


ol.breadcrumbn li{

display:inline}


ol.breadcrumbn li a {
	font-size: 10px;
	color: #FFF;
}
#titre1
{
    color: #ED7F10;
    margin-bottom: 60px;
	margin-top: 30px;
}
#pp,#ppp,#pppp{
        display: inline-block;
        vertical-align: top;
}

#pho {
    width: 406px;
    height: 280px;
    margin: auto;
}

a img {
    width: 100%;
}

#mentions-text {
	font-size: 10px;
	text-align: center;
}

#prefooter {
    background-color: #EFE9E9;
    border: 1px solid black;
	}
#footer
{
    padding-top:32px;
}
#footer ul 
{
    list-style-type: none;
    padding-left: 0;
}
#footer .information, #footer .information a,  #footer .navigation , #footer .navigation a 
{
    color: #ED7F10;
}
.navigation h5, .information h5
{
  font-family: 'BebasNeue'; 
  font-size: 30px;
  font-weight: normal;
  letter-spacing: 1.5px;
}
#footer .information address
{
        text-align: right;
}
.footer-copyright
{
    background: #5882FA;
    background-size: cover;
    height: auto;
	padding-top: 15px;
}
.footer-copyright a
{
    color:  #fff;
    margin-left: 0%;
}
img#points, img#points3 {
    width: 100%;
}
#avis-client {
	text-align: left !important;
}
h1, h2, h3 {margin-bottom: 20px;}

/******* media ********/
@media screen and (max-width: 767px)
{

	#titre1 h2, .navigation h5, .information h5, #menu-nav a.nav-link, #menu-nav a.navbar-brand, #footer .information, #footer .information a, #footer .navigation, #footer .navigation a
	{
		font-size: initial;
	}
	#mobile
	{
		display: block;
	}
	img#logo , #pc
	{
		display: none;
	}
	#menu-nav ul.navbar-nav, .carousel-item
	{
		height: auto;
	}
	.carousel-item
	{
		min-height: auto !important;
	}
	iframe#map, img.d-block.w-100
	{
		height: 340px !important;
	}
    #footer .information address, .footer-copyright, #footer
       {
        text-align: left;
    }
	div#titre1 .col-md-2.col-sm-2.col-xs-2 {
		display: none;
	}
	#points3, #points
        {
       width: auto !important;
    } 
	.container {
		max-width: 900px;
	}
	#social-nav .d-flex.flex-row.order-2.order-lg-3 {
		float: inherit;
	}
	#mobile a.nav-link {
		padding: 0px;
		padding-top: 5px !important;
	}
	img#logo-mobile {
		max-width: 30%;
		padding: 0px;
	}
	.row
	{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}
/******* media ********/
@media screen and (max-width: 720px)
{
	#menu-nav ul.navbar-nav
	{
		height: 60px;
	}
}
@media screen and (max-width: 480px)
{
    iframe#map, img.d-block.w-100
	{
		height: 270px !important;
	}
	#points
	{
		width: 170px !important;
	}
	#points3
	{
		width: 15px !important;
	}
	#pho {
		width: 250px;
	}
	#pho img {
		max-width: 250px !important;
	}
}
@media screen and (max-width: 320px)
{
    iframe#map, img.d-block.w-100
	{
		height: 190px !important;
	}
	#points
	{
		width: 150px !important;
	}
	#points3
	{
		width: 10px !important;
	}
}

@media (max-width: 750px) {

.video-rachatdecredit{


width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;

}

.video-rachatdecredit iframe, .video-rachatdecredit embed, .video-rachatdecredit object{

width: 100%!important; height: 100%!important;
position: absolute;
top: 0; left: 0;

}


.plan-banque{


width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;

}

.plan-banque iframe, .plan-banque embed, .plan-banque object{

width: 100%!important; height: 100%!important;
position: absolute;
top: 0; left: 0;

}


}




@media (max-width: 800px) {


.plan-banque{


width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;

}

.plan-banque iframe, .plan-banque embed, .plan-banque object{

width: 100%!important; height: 100%!important;
position: absolute;
top: 0; left: 0;

}


}

#guide {
     width: 284px;
     height: 153px;
     margin: auto;
     }


@media (max-width: 575px) {

.dbl {

display: none;
 
     }

}


.simul-c {
	margin: 47px auto;
	max-width:580px;
}

#comparac { 
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
	
}


#formulairerac label { 
	cursor:pointer;
	margin:4px 0;
	color:#6180d4;
	display:block;
	font-weight:800;
	
}


.contact-n {
	margin: 47px auto;
	max-width:580px;
}

#nouscontact { 
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
	
}


#formulairedecontact label { 
	cursor:pointer;
	margin:4px 0;
	color:#6180d4;
	display:block;
	font-weight:800;
	
}

input { 
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:25px;
}

textarea { 
	display:block;
	width:90%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f4f4f4;
	color:#000;
	border:1px solid #5f5f5f;
	padding:10px;
	margin-bottom:25px;
}

.sendButton {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	border:1px solid #eeb44f;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	width:25%;
	font-weight:bold;
	text-shadow:1px 1px 0px #cc9f52;
}
.sendButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}


#guide {
     width: 284px;
     height: 153px;
     margin: auto;
     }


@media (max-width: 575px) {

.dbl {

display: none;
     
     }

}