@import url('../fonts/Roboto/Roboto.css');

* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body {
	width: 100%;
	height:100%;
	padding:0;
	font: normal 110%/130% 'Roboto-Light';
	color: #000000;
	background-color:#F3F3F3;
margin:0 auto;
}

body {
	padding-bottom: 55px;

}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 120%;
	margin: 0;
}

h1 {
	font-size: 140%;
	margin-bottom: 10px;
	color: #000000;
}

h2 {
	font-size: 130%;
	margin-bottom: 8px;
	color: #565656;
}

h2.small {
	font-size: 100%;
}

h3 {
	font-size: 200%;
	padding:5px:
	color: #000;
}

p {
	margin-bottom: 15px;
}

a {
	color: #4c8ffd;
}

a:hover {
	color: #f58533;
	
}

.blanc {
	color:#fff;
}

button {
	background: #cc181e;
	color: #efefef;
	cursor: pointer;
}

button:hover {
	background: #e62117;
	color: #ffffff;
}

button.blue {
	background: #4c8ffd;
	color: #efefef;
	cursor: pointer;
}

button.blue:hover {
	background: #357ae8;
	color: #ffffff;
}

input.blue {
	border-top: 1px solid #e4cce8;
	border-left: 1px solid #e4cce8;
	border-bottom: 1px solid #e4cce8;
}

label {
	font-weight: normal;
}

input, button, textarea, select, .navbar {
	border-radius: 0 !important;
}

textarea {
	min-height: 150px;
	resize: vertical;
}

.small {
	font-size: 80%;
}
.pointer {
	cursor: pointer;
}



.black {
	color: #000000;
}

.grey {
	color: #898989;
}

.titreblanc {
	color:#fff;
	font-size:24px;
	font-weight:600;
	text-align:center;
}

.light-red {
	color: #c37777;
}

.red {
	color: #e62117;
}

.dark-red {
	color: #cc181e;
}

.blue {
	color: #4c8ffd;
}


.orange {
	color:#fab115;font-weight:600;
}

.dark-blue {
	color: #357ae8;
}

.bold {
	font-weight: 600;
}

.petit {font-size:12px;font-weight:bold;color:#ccc;line-height:25px;}

.italic {
	font-style: italic;
}

.small-margin-v {
	margin: 5px 0;
}

.medium-margin-v {
	margin: 10px 0;
}

.large-margin-v {
	margin: 15px 0;
}

.small-margin-h {
	margin: 0 5px 0;
}

.medium-margin-h {
	margin: 0 10px 0;
}

.large-margin-h {
	margin: 0 15px 0;
}

.clearfix {
	clear: both;
}

.space45 {
	clear: both;height:45px;
}

.space30 {
	clear: both;height:30px;
}

.space100 {
	clear: both;height:100px;
}

.text-center {
	text-align: center;
}

.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.espacing {
	margin: 50px 0;
}

.full-width {
	width: 100% !important;
}

.espace20  {
margin: 20px 0;
}


/*************/
/*** Fonts ***/
/*************/

.RobotoCondensed-Light {
	font-family: 'RobotoCondensed-Light';
}

.blue {
	color: #034880;
}

.font-big {
	font-size: 200%;
}

/***********/
/*** CMS ***/
/***********/

.cms-text h1 {
	font-family: 'Roboto-Bold';
	font-size: 190%;
	color: #034880;
	text-transform: uppercase;
	margin: 5px 0 25px;
}

.cms-text h2 {
	font-family: 'Roboto-Regular';
	font-size: 160%;
	color: #034880;
	text-transform: uppercase;
	margin: 25px 0 10px;
}

.cms-text h3 {
	font-family: 'Roboto-Light';
	font-size: 130%;
	color: #333;
	text-transform: uppercase;
	margin: 25px 0 10px;
}

.cms-text ul, .cms-text ol {
	padding-left: 40px;
}

.cms-text ul.no-padding, .cms-text ol.no-padding {
	padding: 0;
}

.custom-h2 {
	font-family: 'Roboto-Regular';
	font-size: 110%;
	color: #034880;
	text-transform: uppercase;
	position: absolute;
	margin: -12px 0 0 20px;
	background: #ffffff;
	padding: 0 10px;
}

.custom-h2 + .custom-hr {
	margin: 30px 0;
	border-color: #034880;
}

.cms-text h1 + small {
	position: relative;
	top: -25px;
}

/***********/
/*** Other ***/
/***********/

hr {
	margin: 20px 0;
	border-color: #034880;
}

.hr-fin {margin:15px;padding:0;border-color: #ccc;}



header,footer, header .container, footer .container, header .navbar {
	background-color:#0e5e91;
}

.filet {background:#628F99;height:8px;width:100%;}

header {
	height: 90px;padding-bottom:30px;margin-top:-5px;
}

header .container {
	padding: 0;
}

footer .container {
	padding: 20px 0 5px;
}

.fixed-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 140%;
}

.fixed-footer a {
	text-decoration: blink !important;
	color: #ffffff !important;
}

footer {
	width: 100%;
}

footer.no-fixed {
	margin-bottom: -55px;
}

header .navbar { 
	border: none;
}

header .navbar-nav {
	margin: 33px 0 0 15px;
}

header .navbar-default .navbar-nav > li > a {
	font-family: 'RobotoCondensed-Light'; 
	
}



header .navbar-default .navbar-nav > li > a {
	font-family: 'RobotoCondensed-Light'; 
	
}


header .navbar-default .navbar-nav > li > a:hover {
	color: #357ae8;
	text-decoration: none;
}

header .navbar-default .navbar-nav > li {
	margin: 0 4px;
}

.nav > li > a {
	padding: 10px 8px 0;
}




header .navbar-default .navbar-nav > li:last-child {
	margin: 0 0 0 6px;
}

.navbar-default .navbar-nav > .open> a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav >.open > a:hover {
	color: #ffffff;
	background: #034880;
}

.navbar-nav > li > .dropdown-menu {
	border: none;
	color: #ffffff;
	background: #034880;
}

.navbar-nav > li > .dropdown-menu a {
	font-family: 'RobotoCondensed-Light'; 
	color: #ffffff;
	font-size: 125%;
}

.navbar-nav > li > .dropdown-menu a:hover {
	color: #dcef3d;
	background: inherit;
}

.bg-blue-grey {
	background:rgba(21,128,202,0.8);
	color: #ffffff;
	padding: 15px 0 0;
}

footer {
	color: #ffffff;
}

footer a {
	color: #ffffff;
}

footer ul.listing li {
	display: inline-block;
	margin-right: 35px;
}

footer ul.listing li:last-child {
	margin-right: 0;
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.container {
	/* max-width: 1024px; */
	background: #ffffff;
	padding: 20px 20px;
}

.container_transparent {
	max-width: 1024px;
	width:1024px;
	margin:0 auto;
}

.container_transparent_marge {
	max-width: 1024px;
	padding:10px;
	width:1004px;
	margin:0 auto;
}

.small-container .form-group {
	width: 600px;
	margin: 0 auto 15px;
}

.basket td:first-child {
	font-size: 90%;
	width: 260px;
}

.smaller-container {
	width: 400px;
	margin: auto;
}

.small-box {
	width: 900px;
	margin: 30px auto 30px;
}

.sidebar-box {
	background: #F9F9F9;
	border: 1px solid #dadada;
	padding: 15px;
	margin-bottom: 25px;
}

.sidebar-box h2 {
	font-size: 100%;
	color: #034880;
	padding-bottom: 5px;
	border-bottom: 1px solid #dadada;
}

.sidebar-box p {
	font-size: 85%;
}
.block-text {
	margin: 60px 0 60px;
}

.block-text-top {
	margin: 60px 0 0;
}

.header-image {
	width: 100%;
	height: 400px;
}

.header-image .bg-text {
	width: 700px;
	color: #ffffff;
	font-size: 170%;
	border-radius: 10px;
	padding: 10px 10px 15px;
	position: absolute;
	left: 50%;
	margin: 150px auto 0 -25%;
	background: rgba(0, 0, 0, 0.5);
}

.header-image .bg-button {
	width: 700px;
	border-radius: 10px !important;
	position: absolute;
	left: 50%;
	margin: 200px auto 0 -25%;
}

.center-ul li {
	display: inline-block;
	width: 240px;
	margin: 5px 16px 25px 0;
	vertical-align: top;
}

.center-ul li:nth-child(4), .center-ul li:nth-child(8), .center-ul li:nth-child(12), .center-ul.col-3 li:nth-child(3) {
	margin: 0 0 0 0;
}

.center-ul li figure {
	width: 100%;
	height: 145px;
	overflow: hidden;
}

.center-ul li figure img {
	min-width: 100%;
	min-height: 100%;
}

.center-ul.col-3 li {
	width: 308px;
	margin: 0 45px 0 0;
}

.center-ul.col-3 li figure {
	height: 170px;
}

.center-ul.col-3 li.li-devis {
	margin-bottom: 25px;
}

.center-ul.col-3 li.li-devis img {
	width: 40px;
	margin-right: 5px;
}

ul.col-dept {
	float: left;
	width: 156px;
}

ul.col-dept li {
	display: block;
	margin: 0 0 0px 0;
	font-size: 70%;
}

.tab-pane {
	padding-top: 25px;
}

address.entreprise-pro {
	margin-bottom: 25px;
}

address.entreprise-pro img {
	margin-right: 15px;
}

address ul {
	margin: 15px 0;
}

address ul li {
	display: block;
	padding-bottom: 5px;
}

ul.list-styled {
	padding-left: 40px;
	margin: 0;
}

img.valo {
	vertical-align: middle;
	height: 15px;
	position: relative;
	top: -2px;
	margin-right: 2px;
}

img.valo.is-valo {
	height: 19px;
}

img.img-full {
	width: 100%;
}

.pro-description img {
	float: left;
	margin: 0 15px 15px 0;
}

.google-map {
	width: 672px;
	height: 300px;
	margin: -15px;
}

.width-320 {
	width: 345px !important;
}

.width-320 img {
	width: 100% !important;
	border-top: 1px solid #034880;
	padding: 10px 0 0;
	margin: 10px 0 0;
}

.width-320 img.no-border {
	border-top: none;
	padding: 0;
	margin: 0;
}

.search-bar, .search-bar .container {
	background: #ffffff;
	box-shadow: 0px 1px 0px #acacac;
	margin-bottom: 1px;
}

.search-bar {
	display: none;
}

.search-bar.open {
	display: block;
}

.search-bar .remove-icon {
	font-size: 160%;
	margin-top: 3px;
}

.search-bar.open .remove-icon {
	display: none;
}

.breadcrumbs, .breadcrumbs .container {
	background: #f9f9f9;
	box-shadow: 0px 1px 0px #acacac;
}

.breadcrumbs .container {
	padding: 7px 15px;
	font-size: 85%;
}

.breadcrumbs {
	margin-bottom: 1px;
}

.breadcrumbs ul {
	margin: 0;
	padding: 0;
}

.breadcrumbs ul li {
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs ul li.icon {
	margin: 0 5px 0;
	font-size: 110%;
	font-weight: 100;
}

.breadcrumbs ul li.icon.home {
	margin: 0 ;
}

.show-depts .map-title {
	text-align: center;
}

.show-depts .map-description {
	font-size: 90%;
}

#francemap {
	width: 400px;
	height: 350px;
	margin: auto;
}

.entreprise-presentation {
	background: #f1f1f1;
	padding: 15px;
	margin: 15px 0;
	box-shadow: 0px 0px 3px #acacac;
}

.entreprise-presentation h2 {
	margin: 0;
}

.entreprise-presentation small {
	font-size: 80%;
}

.entreprise-presentation .logo {
	float: left;
	margin: 15px 15px 0 0;
}

.entreprise-presentation .logo img {
	max-width: 130px;
	border: 1px solid #acacac;
}

.entreprise-presentation .address {
	margin: 15px 0 0;
	font-size: 90%;
}

.entreprise-presentation .address .address-icon, .entreprise-presentation-full .address-icon {
	margin-right: 5px;
}

.entreprise-presentation .btn-group {
	width: 673px;
	margin: 25px -15px -15px;
	border-radius: 0;
}

.entreprise-presentation .btn-group a {
	border-radius: 0;
}

.entreprise-presentation .btn-group .btn-success {
	font-weight: bold;
}

.entreprise-presentation-full {
	background: #f1f1f1;
	padding: 15px;
	margin: 0 0 15px 0;
	box-shadow: 0px 0px 3px #acacac;
}

.entreprise-presentation-full h2 {
	margin: 0 0 15px 0;
}

.entreprise-presentation-full ul.presentation-sheet li {
	margin-top: 10px;
}

address {
	margin-bottom: 0;
	font-style: normal;
}

.big-icons ul li {
	display: inline-block;
	margin: 0 15px;
}

.big-icons ul li a {
	width: 240px;
	height: 240px;
	font-size: 155px;
}

.small-form {
	width: 450px;
	margin: auto;
}

.btn-ex-lg {
	margin-top: 25px;
	padding: 10px 0;
	font-size: 100%;
	font-weight: 500;
	text-transform: uppercase;
}

.pro-logo {
	max-width: 200px;
	max-height: 200px;
}

.form-horizontal {
	font-size: 80%;
}

.modal-dialog {
	width: 730px;
	margin: 30px auto;
}

h1.titrepopup {
	text-align: center;
	font-size: 156%;
	color: #ffffff;
	background: #034880;
	padding: 10px;
	margin: -15px -15px 15px;
}

h2.sstitrepopup {
	text-align: center;
	color: #fc640e;
	font-size: 130%;
	font-weight: 600;
}

h2.sstitrepopup .fin {
	font-weight: 500;
}

.modal-content { 
	border-radius: 0;
}

.modal-header {
	padding: 15px 15px 0;
	border-bottom: none;
}

.modal-header button.close {
	display: none;
}

.articles-item {
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	min-height: 195px;
}

.articles-item-small {
		margin-top: 10px;
		min-height: 100px;
}

.articles-item-small img.articles-item-img {
		float: left;
		margin: 0 15px 15px 0;
		box-shadow: 0 0 1px #acacac;
		width: 150px;
}

.articles-item h2 {
	margin: 0 0 10px;
}

.articles-item img.articles-item-img {
	float: left;
	margin: 0 15px 15px 0;
	box-shadow: 0 0 1px #acacac;
	width: 250px;
}

img.articles-item-img-2 {
	float: left;
	margin: 0 15px 15px 0;
	box-shadow: 0 0 1px #acacac;
	width: 320px;
}

#calltoaction {
	background-image: url('../../assets/images/header-image.jpg');
	background-size: cover;
	moz-background-size: cover;
	o-background-size: cover;
	padding: 50px 0;
	webkit-background-size: cover;
	width: 100%;
height:800px;
}

#search {
	background: rgba(255,255,255,1);
	border: 1px solid #ececec;
	border-radius: 4px;
	color: #fff;
	float: right;
	margin-right: 20px;
	padding: 10px;
	width: 380px;
}

#search label {
	font-size: 80%;
}

#vieuxbloc {
	background: rgba(14,105,158,0.9);
	}
	
	
#blocdevis {
	background: rgba(15,91,135,0.95);
	color: #fff;
	float: left;
	padding: 40px 20px;
	width: 600px;
	border-radius:4px;
border-width:1px;
 border-style:dotted;
 border-color:white;
}

.txt_recherche {
	color: #238aa0;
	font-size: 21px;
	font-weight: bold;
}

.txt_demandedevis {
	color: #fff;
	font-size: 29px;
	text-align: center;
}

#trouverunpro {
	background:rgba(143,161,23,0.9);
	color: #fff;
	float: left;
	font-size: 18px;
	height: 300px;
	padding: 20px;
	width: 744px;
	margin-top:-350px;
}

#devenezpartenaire {
	background-color: #238aa0;
	float: right;
	height: 300px;
	text-align: center;
	width: 280px;
	font-size:16px;
	padding:30px 10px;
	margin-top:-350px;
}

#blocvert {
	background-color: #8fa117;
	float: left;
	padding-left: 270px;
	width: 65%;
}

#blocbleu {
	background-color: #238aa0;
	float: right;
	height: 300px;
	text-align: left;
	width: 35%;
}

hr.trait-blanc {
	background-color: #FFF;
	border: 0;
	color: #F00;
	height: 1px;
	margin: 3px 0;
	padding: 0;
	text-align: center;
	width: 300px;
}

.lien_picto {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-weight:600;
}

#bloc_devis_left {
	float: left;
	width: 50%;
	margin-top:10px;
}

#bloc_devis_right {
	float: right;
	width: 50%;
	margin-top:10px;
}

#bloc_gris {
	background-color: #fff;
}

.navbar-toggle {
	margin: 19px 25px 25px 0;
	background: #ffffff;
}

#inscription-professionnel-gratuite {
	max-width: 1000px;
	padding: 0 15px;
}

#inscription-professionnel-gratuite .h2-legend {
	text-align: left;
	margin-bottom: 25px;
}

#inscription-professionnel-gratuite .control-label {
	text-align: right !important;
}

#inscription-professionnel-gratuite .leads {
	font-size: 120%;
	font-weight: 600;
}

#inscription-professionnel-gratuite  .btn-inscription {
	display: block;
	padding: 10px 50px;
	text-align: center;
	font-size: 130%;
}

#fond_gris {
	background-color:#eee;border:1px solid #e4e3e3;
	padding:15px;
}

.h2-legend {font-size:40px;}

@media (min-device-width: 0px) and (max-device-width: 1199px) {

	header .navbar-nav {
		margin: 5px 0 0 15px;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #f1f1f1;
	}

	.navbar-default .navbar-nav > .open> a, 
	.navbar-default .navbar-nav > .open > a:focus, 
	.navbar-default .navbar-nav >.open > a:hover {
		background: inherit;
	}

	.form-inline {
		padding: 10px 0;
	}

	.navbar-default .navbar-brand img {
		width: 260px;
		padding-bottom:20px;	
	}

	#calltoaction {
    	background-image: none;
    	background-color: #fff;
    }

	.navbar {
		margin-bottom: 0px;
	}

	.container_transparent {
		width: 100%;
	}

	hr.trait-blanc {
		width: 100%;
	}

	.container {
		padding: 0 15px;
	}

	.cms-text h1 {
		margin-top: 10px;
	}

	#calltoaction {
		padding: 0;
	}

	#search {
	    background: rgba(255,255,255,1);
	    border: 1px solid #ececec;
	    border-radius: 4px;
	    color: #fff;
	    padding: 1%;
	    float: left;
	    max-width: 100%;
	    width: 100%;
	}

	#bloc_gris {
    	margin-top: 110px;
	}

	#blocdevis {
		float:left;
		width: inherit;
		margin-top: 1px;
	}

	#bloc_devis_left, #bloc_devis_right {
		float: none;
		width: 100%;
	}

	#trouverunpro {
		float: none;
		width: 100%;
		max-width: 300%;
		height: inherit;
	}

	#devenezpartenaire {
		float: none;
		height: inherit;
		width: 100%;
		text-align: center;
		margin-top: inherit;
	}

	.block-text {
		margin: 0;
	}

	.custom-h2 {
		margin: 15px 0;
		background: transparent;
		position: inherit;
		text-align: center;
	}

	.custom-hr {
		display: none;
	}

	

	.center-ul.col-3 li, .center-ul li {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: auto;
	}

	.center-ul li figure img {
		width: 100px;
		max-width: 300px;
		margin-left: auto;
	}

	.center-ul li:nth-child(4), 
	.center-ul li:nth-child(8), 
	.center-ul li:nth-child(12), 
	.center-ul.col-3 li:nth-child(3) {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: auto;
	}

	.breadcrumbs {
		padding: 0 10px;
	}

	.cms-text {
		width: 100%;
		font-family: arial, sans-serif;
		font-weight:400;
	}

	.cms-text img, .articles-item img.articles-item-img, img.articles-item-img-2 {
		width: 100%;
		max-width: 300px;
		height: inherit;
	}

	.cms-text img.img-full {
		max-width: 100%;
	}

	#DevisProxContent {
		width: 100%;
		max-width: 300px;
		margin: auto;
	}
	

	footer .container {
		padding: 10px;
		text-align: center;
		font-size:12px;
	}

	footer a {
		color: #dadada;
	}

	footer .container .pull-left, footer .container .pull-right {
		float: none !important;
	}

	footer ul.listing {
		margin-top: 15px;
	}

	footer ul.listing li {
		display: block;
		margin-right: 0;
	}

	.bg-blue-grey.fixed-footer {
		padding: 10px 10px 0;
		background: #216493;
	}

	ul.col-dept {
		float: none;
		width: 100%;
	}

	ul.col-dept li {
		font-size: 90%;
	}

	#francemap, .map-title {
		display: none;
	}

	.entreprise-presentation .btn-group {
		width: 100%;
		margin: 0;
	}

	.btn {
		white-space: inherit;
		width: 100%;
	}

	#google-map {
		width: 100%;
		margin-bottom: 15px;
	}

	.width-320 {
		width: 100%;
		max-width: 320px;
		margin: 30px auto 10px;
	}

	img.valo {
		width: inherit !important;
	}

}

@media (min-width: 768px) and (max-width: 992px) {
	header .navbar-default .navbar-nav > li > a {
	    font-size: 13px;
	}
}

@media(max-width: 768px) {
	#bs-example-navbar-collapse-1 {
		height: auto!important;
		z-index: 9999;
    position: relative;
    text-align: center;
	padding-bottom: 10px;background: #0E5E91
	
	}
}

@media(max-width: 570px) {
	.navbar-default .navbar-brand img {
		width: 240px;
	}
}


/* AJOUTS */


#nouveaubouton {
background-color:#098adc;
color:#fff;
width:40%;
padding:15px;
margin:auto 0;
border-radius:5px;
text-align:center;
border:2px solid #0d72b2;
}

#nouveaubouton:hover {
background-color:#518211;
border:2px solid #4c7b0f;
}


.txt_new_btn {color:#fff;font-weight:700;font-size:18px;}
.txt_new_btn:hover {color:#daf8b2;font-weight:700;font-size:18px;}

#bloctitrepagedevis {
background-color:#0a4b75;
padding:4px 0;
width:100%;
text-align:center;
}

.titrepagedevistravaux {
font-size:32px;
color:#fff;
letter-spacing:2px;
font-weight:300;
}


.titrepagedevistravaux2 {
font-size:23px;
color:#1a6ca0;
letter-spacing:1px;
font-weight:600;
padding,margin:0;
   text-transform: uppercase;
}

#blocgrispagedevistravaux {

background-image: url('../../assets/images/grey.jpg');
background-repeat:repeat;
width:100%;
font-size:16px;
height:80px;
}

.vignettedevis {
float:left;
width:244px;
margin-right:6px;
text-align:center;
border: 2px solid #ffffff
}




.vignettedevis:hover{border:2px solid #29870c;}

.titrevignette {
background-color:rgba(10,75,117,0.1);
height:32px;
text-align:center;
color:#d9d8d8;
font-weight:bold;
}




.titrevignette2 {
background-color:rgba(203,96,10,0.9);
height:35px;
text-align:center;
color:#fff;
font-weight:bold;
}


.txt_titrevignette {
text-align:center;
color:#333;
font-size:15px;
font-weight:700;
}

.imgcadre {border:1px solid #dff1fd;width:240px;height:160px;}

.soustitrepagedevistravaux {
font-size:21px;
color:#0a4b75;
padding,margin:0;
}

#blocdevisbleu {
background-color:#0a4b75;
padding:2% 20%;
width:100%;
height:auto;
text-align:left;
color:#fff;
font-size:15px;
}

h2.titreblocbleudevis {
color:#fbb600;
font-size:32px;
font-weight:300;
}

.jauneorange {
	color:#fbb600;
	font-weight:600;
	
}

.bleuclair {
	color:#eab208;font-weight:700;
}


ul.dropdown-menu {color:#fff;}


#blocautredevis {
width:98%;
padding:1%;
background-color:#F5F5F5;
margin-top:15px;
}


.autredevis {
width:48%;
padding:1%;
float:left;
border-right:1px solid #ebeaea;
text-align:center;
}

.autredevis2 {
width:48%;
padding:1%;
float:right;
border:1px solid #ccc;
}

.lignebleue {background-color:#1a6899;height:1px;color:#1a6899;border:none;}
.titreautredevis {font-size:26px; color:#1a6899;font-decoration:underline;}
.titreblocdevistravaux { font-size:20px;}


h1.packpro {background-color:#1c67a1;color:white;padding:10px 5px;text-align:center;}
.orangepdt {color:#fab700;}
.boutonachat {width:250px;background-color:#db640d;border:1px solid #cc5d0c;padding:10px;text-align:center;border-radius:4px;margin:0 auto;font-weight:bold;}
.boutonachat:hover {background-color:#2a8517;border:#227212;}





/* MOBILE */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {


	.container_transparent {
		max-width: 100%;
		background: #ffffff;
			margin:0 auto;
	}


	#search {
		background: rgba(255,255,255,1);
		border: 1px solid #ececec;
		border-radius: 4px;
		color: #fff;
		padding: 1%;
		float: left;
    	max-width: 100%;
    	width: 100%;
	}

	#bloc_gris {
	    margin-top: 95px;
	}

	#blocdevis {
		background: rgba(15,91,135,0.95);
		color: #fff;
		padding:1%;
		width: 98%;
		border-radius:4px;
		border-width:1px;
	 	border-style:dotted;
	 	border-color:white;
	  	float: left;
	  	width: 100%;
	}

}


#output a {
	margin: 5px !important;
}
#output .btn-group-sm>.btn, .btn-sm {
	padding: .25rem .5rem !important;
	font-size: .875rem !important;
	line-height: 1.5 !important;
	border-radius: .2rem  !important;
}
#output .btn-outline-info {
	color: #17a2b8  !important;
	background-color: transparent !important;
	background-image: none !important;
	border-color: #17a2b8 !important;
	font-size: 14px !important;

}
#output.btn {
	display: inline-block  !important;
	font-weight: 400  !important;
	text-align: center  !important;
	white-space: nowrap  !important;
	vertical-align: middle  !important;
	-webkit-user-select: none  !important;
	-moz-user-select: none  !important;
	-ms-user-select: none  !important;
	user-select: none  !important;
	border: 1px solid transparent  !important;
	padding: .375rem .75rem  !important;
	font-size: 1rem  !important;
	line-height: 1.5  !important;
	border-radius: .25rem  !important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

 .sidebar-h3-line {
                    position:relative;
                    display:inline-block;
                }
                .sidebar-h3-line:after {
                    content:'';
                    position:absolute;
                    left:0;right:0;
                    top:100%;
                    margin: 10px auto;
                    width:50%;
                    height:6px;
                    background:#f57e3a;
                }
                #titre-sidebar{
                    background:#fba200 !important;
                 color: #ffffff !important;
                 font-size: x-large !important;
                 padding: 12px 5px 12px 5px !important;
                 margin-top: 0px !important;
                 margin-bottom: 0px !important;
                 border-radius: 8px 8px 0px 0px !important;
                 
                }
                .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.container-sidebar{
    background: #F0EEEF  !important;
    border-radius: 8px 8px 0px 0px !important;
    padding-bottom: 30px;
}
.img-sidebar{
    width: 100% !important;
     height:auto !important
}
.etap-sidebar{
    font-size: 18px;
    font-weight: bold;
}
.line-sidebar{
            border: 0  !important;
            height: 3px  !important;
            background-color:#f57e3a  !important;
}
.vcenter {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}