body {
	background-color:#868889
}

#colorSupport {
	
	position:fixed;
	top:0px;
	left:0px;
	width:30px;
	height:30px;
	display:none;
}
#banTop {
	height:30px;
	padding:5px 0px;
	background-color:#86888a;
	color:#FFF;
	display:none;
}
#banHaut{
	height:120px;
	padding-top:10px;
	background: #fff;
	color:#f7931e;
	width:100%;
}

/*
#banHaut{
	background-color:#FFF;s
	width:100%;
	height:267px;
	margin-top:20px;
}
*/

.fondMarron {
	background-image:url(../img/fond_footer.png);
	background-repeat:repeat-x;
	height:39px;	
}


.paddingBottomAccueil {padding-bottom:30px}
.paddingFooter{height:30px}
footer a {color:#e9e9e9; text-decoration:none !important}
.fondFooter {color:#e9e9e9;background-color:#868889;padding:20px 10px 30px 10px; border-top:1px solid #cdcdcd}
/*.paddingFooter{height:50px}*/

.fondDegrade {
	background: #e9e9e9; /* Old browsers */
	background: -moz-linear-gradient(top, #e9e9e9 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e9e9e9 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e9e9e9 0%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e9e9e9 0%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e9e9e9 0%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}
.fondBlanc {background-color:#f1f1f1}
.fondBloc {background-color:#FFF; border: 1px solid #6d6f71; margin-bottom:15px}

.blocPadding { width:94%; padding: 2px 20px; margin-bottom:20px;}


.blocTitre {background-color:#6d6f71; margin:0px; padding: 1px 5px 1px 15px; vertical-align:middle; display: block}

.btn_couleur1 {
	
	background-color:#f7931e;
	padding:10px 15px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff !important;
	font-style:normal;
	text-decoration:none !important;
	text-align:center;
	outline:none;
}
/*
.btn_couleur1:hover{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bbd631), color-stop(1, #579eba) );
	background:-moz-linear-gradient( center top, #bbd631 5%, #579eba 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbd631', endColorstr='#579eba');
	background-color:#bbd631;
	color:#ffffff;
	text-decoration:none !important;
}
*/
.btn_couleur1:active{
	position:relative;
	color:#ffffff;
}

.btn_marron {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4967b), color-stop(1, #928264) );
	background:-moz-linear-gradient( center top, #a4967b 5%, #928264 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4967b', endColorstr='#928264');
	background-color:#a4967b;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-style:normal;
	height:44px;
	line-height:22px;
	width:100%;
	text-decoration:none;
	text-align:center;
	font-size:1.5em;
	outline:none;
}
.btn_marron:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #928264), color-stop(1, #a4967b) );
	background:-moz-linear-gradient( center top, #928264 5%, #a4967b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#928264', endColorstr='#a4967b');
	background-color:#928264;
	color:#ffffff;
}
.btn_detail {line-height:18px; height:36px}


.form select, .form input, .form textarea  {
	border-color:#928264 !important;	
	border-radius: 8px ;
}
.form input, .input-group { margin-bottom:10px; }
.form .col-sm-4 {padding-left:0px; padding-right:0px}
.form .firstSmallInput {margin-right:5px; margin-left:-5px}
.fondRefBien {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#ded9d0;
	width:100%;
	margin-bottom:30px;
	margin-top:15px;
	padding-top:10px;
	min-height:54px;
}
.fondRefBien input {border:none; margin-left:-15px}

.btn_loupe {
	background-image:url(../img/loupe.png);
	background-repeat:no-repeat;
	display:inline-block;
	width:32px;
	height:32px;
	border:none;
	background-color:transparent;	
}
.btn_loupe:hover { margin-left:2px}


.heightForm {height:20px !important}

.padTop {padding-top:30px}
/*.padTop {padding-top:50px}*/
.blocAgence {
	min-height:350px;   
}
.sloganAgence {margin-top:70px}
.flecheAgence {margin-top:130px}
.ajustFond {margin-top: -30px; padding-top: 30px;}
/*.ajustFond {margin-top: -50px; padding-top: 50px;}*/

.fondServices{
	height:90px;
	background-image: -webkit-linear-gradient(right top, #f7975b 0%, #f36f21 100%);
	background-image:    -moz-linear-gradient(right top, #f7975b 0%, #f36f21 100%);
	background-image:     -ms-linear-gradient(right top, #f7975b 0%, #f36f21 100%);
	background-image:      -o-linear-gradient(right top, #f7975b 0%, #f36f21 100%);
	background-image:         linear-gradient(right top, #f7975b 0%, #f36f21 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7975b',endColorstr='#f36f21', GradientType=1);
}

.traitPointille {border-bottom:3px dotted #85765b; margin-top:10px; margin-bottom:20px}

.annoncePair, .annonceImpair {padding-bottom:60px; padding-top:50px}
.annoncePair {background-color:#e9e9e9}
.annonceImpair {background-color:#ffffff; background-image:url(../img/fondBasBlocBeige.png); background-repeat:repeat-x; background-position:top}

.annonce_photo {
	text-align:center;
	width:250px;
}
.annonce_photo img{
	max-height: 190px;
	max-width: 250px;
	margin:0px auto;
	margin-bottom:10px;	
}
.img_border {border:1px solid #939596}

ul.uldetails li, ul.ulinfos li{ line-height:40px !important}
ul.uldetails{ margin-left:10px; padding-left:15px}
ul.ulinfos{ margin-left:0px; padding-left:0px}
ul.ulinfos li{list-style-type:none}

.img_cc_big {

	max-height:180px !important;
	text-align:center;
	
}
.img_cc_small {
	max-width:120px !important;
	max-height:90px !important;
	min-height:90px !important;
	text-align:center;
	
}
.marginNone{margin:0px !important}
.bx-wrapper {border: 1px solid #6d6f71; margin-bottom:10px !important}
.bx-wrapper .bx-controls-direction a{bottom:230px !important; top:auto !important}
.bx-wrapper .bx-prev {left:-35px !important}
.bx-wrapper .bx-next {right:-35px !important}

.triangle_blanc {
	width:100%;
	height:auto;	
	display:block;
}
.triangle {
	max-width:269px;
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}
.img_responsive {
	max-width:100%
}

.blocMeteo {
	margin-bottom:10px;	
}

.titrePage {margin-top:0px; padding-top:0px}
.img_padding {margin-top:20px; margin-left:25px; margin-bottom:20px}

.hidden {display:none}



@media (max-width: 767px) {
	#colorSupport {background-color:#FF0} /*Jaune*/
	#banHaut{height:120px}
	#sousMenu {
		background-image:url(../img/fond_sous_menu_small.png);
		background-repeat:repeat-x;
		height:15px;}
	.logoBanniere { height:31px; margin-top:10px}
	#vignetteDiapo {margin-top:-130px}
	#vignetteDiapo {width:100px}
	.navbar-nav > li.separateur {display:none}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#928264 !important; color:#FFF !important}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#FFF !important; font-family: 'BlairMdITC'; font-size:0.8em}
	
	.paddingBottomAccueil{padding-bottom:30px}
	.form .firstSmallInput {margin-right:0px; margin-left:0px}
	.form .text-right {text-align:left !important}
	.heightForm {height:10px !important}
	.hideSmall {display:none}
	.sloganAgence {width:280px; margin-bottom:20px}
	.blocAgence {min-height:0px !important;}
	.sloganAgence{margin-top:0px; margin-bottom:30px}
	.ajustFond {margin-top: 10px; padding-top: 10px;}
	.iframeSituation {width:230px; height:300px; margin-bottom:30px}
	.bandeauService{width:300px; height:27px;}
	.fondServices{height:30px}
	.imgService {width:280px; height:47px; margin-top:10px}
	.annoncePair, .annonceImpair {padding-bottom:20px; padding-top:20px}
	.annoncePair {background-color:#e7e5e2}
	.annonceImpair {background-color:#ffffff;}
	ul.uldetails li, ul.ulinfos li{ line-height:26px !important}
	.img_cc_big {margin-bottom:5px}
	.img_cc_small {	max-width:70px !important;	max-height:53px !important;	min-height:53px !important;	text-align:center;}
	.cc_img_4 {display:none}
	/*ul.bxslider_cc li {margin-left:-30px !important}*/
	#slider, #sliderSurface {margin-bottom:15px !important}
	.logos {; margin-top:5px;max-height:30px}
	.mapFrance {width:250px; height:200px}
	.lineheight {line-height:20px}
	/*.infoBanHaut {display:none}*/
}

@media (min-width: 768px) and (max-width: 991px) {
	.logoBanniere {height:56px; margin-top:10px}
	#colorSupport {background-color:#0F0; overflow:hidden; margin-bottom:0px !important} /*vert*/
	#vignetteDiapo {margin-top:-220px}
	#vignetteDiapo {width:200px}
	.paddingBottomAccueil{padding-bottom:30px}
	.blocPadding { width:96%; padding: 2px 10px; margin-bottom:20px;}
	.hideMedium {display:none}
	.blocAgence {min-height:0px !important;}
	.sloganAgence{margin-top:0px; margin-bottom:30px}
	.ajustFond {margin-top: 30px; padding-top: 10px;}
	.iframeSituation {width:320px; height:320px; margin-bottom:0px}
	.bandeauService{width:600px; height:55px;}
	.fondServices{height:55px}
	.imgService {width:300px; height:50px; margin-top:10px}
	.annonce_photo {width:200px;}
	.annonce_photo img{max-height: 190px; max-width: 200px;}
	.img_cc_big {max-width:130px;height:98px;text-align:center !important;}
	.img_cc_small {	max-width:80px !important;	max-height:60px !important;	min-height:60px !important;	text-align:center;}
	.cc_img_4 {display:none}
	.mapFrance {width:450px; height:400px}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	#colorSupport {background-color:#00F} /*bleu*/
	.logoBanniere {height:68px; margin-top:10px}
	#vignetteDiapo {margin-top:-300px;}
	.fondFull {height:900px}
	.iframeSituation {width:280px; height:320px; margin-bottom:30px}
	.bandeauService{width:900px; height:82px;}
	.fondServices{height:82px}
	.mapFrance {width:450px; height:400px}
}

@media (min-width: 1200px) {
	#colorSupport {background-color:#F00}
	.fondFull {height:897px}
	.img_cc_big {margin-bottom:10px}
	.iframeSituation {width:320px; height:350px; margin-bottom:30px}
	.navbar-nav > li.separateur {padding-top:6px;}
	#cree_alerte {min-width:800px; margin:0 60px}
	.br {display:none}
	.mapFrance {width:500px; height:450px}
}
