#colorSupport {
	
	/*position:fixed;*/
	top:0px;
	left:0px;
	width:30px;
	height:30px;
	display:none;
}
#banHaut{
	background-color:#FFF;
	width:100%;
	height:180px;
	margin-top:5px;
}
/*
#banHaut{
	background-color:#FFF;
	width:100%;
	height:267px;
	margin-top:20px;
}
*/
/*MENU*/
#menu {
	background-color:#4db1eb;
}
.navbar {margin-bottom:0px !important; margin:0px auto}
.navbar-default {
	border:none !important;
	background-color:transparent !important
}
.navbar-brand {
	color:#FFF !important;
	font-family: 'BlairMdITC';
	text-transform:uppercase;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
	border:#2c3b46 !important;
	background-color:#FFF !important;
}
.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #4db1eb !important;
}


.nav {margin-top: 1px;}

.navbar-nav > li > a {
	color:#FFF !important;
	font-family: 'BlairMdITC';
	text-transform:uppercase;
	font-size:1.1em;
	letter-spacing:0.2em;
	padding-bottom: 5px;
    padding-top: 5px;
	outline:none;	
}

.navbar-nav > li > a:hover, .navbar-nav > li.active > a{
	border-top:3px dotted #FFF;
	border-bottom:3px dotted #FFF;
	background-color:transparent !important;
}


.navbar-nav > li.separateur {
	margin-left:10px; 
	margin-right:10px; 
	height:100%; 
	color:#FFF !important;
	margin-top: 4px;
	font-size:2em;
}

#sousMenu {
	display:none;
	/*background-image:url(../img/fond_sous_menu.png);
	background-repeat:repeat-x;
	height:28px;*/
}


@media (min-width: 767px){
    .navbar-nav {
		margin-top:0px !important;
        margin: 0 auto;
        display: table;
        table-layout: auto;
        float: none;
       
    }
    .navbar-nav>li {
		padding-top: 3px;
        display: table-cell;
        float: none;
        text:align: center;
    }
} 

/*
#menu {
	background-color:#2c3b46;
}
.nav {margin-top: 1px;}
.nav-pills > li:after {content:"|"}
.nav-pills > li:last-child:after{content:""}
.nav-pills > li > a {
	color:#FFF;
	font-family: 'BlairMdITC';
	text-transform:uppercase;
	font-size:1.70em;
}
.nav-pills > li > a:hover {
	border-top:1px dotted #FFF;
	border-bottom:1px dotted #FFF;
	background-color:transparent;
}
#sousMenu {
	background-image:url(../img/fond_sous_menu.png);
	background-repeat:repeat-x;
	height:28px;
}
*/
/*FIN MENU*/


.fondvert {
	/*background-image:url(../img/fond_footer.png);
	background-repeat:repeat-x;*/
	background-color: #4db1eb;
	height:39px;	
}

#vignetteDiapo {
	position:absolute;
	right:0px;
	margin-top:-350px;
	width:261px;	
}

#imgVignetteDiapo {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

.paddingBottomAccueil {padding-bottom:80px}
.paddingFooter{height:30px}
/*.paddingFooter{height:50px}*/

.fondTaupe {background-color:#f4f2ef}
.fondBlanc {background-color:#FFF}

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

.blocTitre {margin-bottom: 30px; margin-top:15px; vertical-align:middle; display: block}

.btn_antracite {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4db1eb), color-stop(1, #c3e5f8) );
	background:-moz-linear-gradient( center top, #4db1eb 5%, #c3e5f8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c4d59', endColorstr='#2c3b46');
	background-color:#3c4d59;
	-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; Bouton cr�er alerte mail d�cal�*/
	width:100%;
	text-decoration:none;
	text-align:center;
	font-size:1.5em;
	outline:none;
}

.btn_antracite_small{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4db1eb), color-stop(1, #c3e5f8) );
	background:-moz-linear-gradient( center top, #4db1eb 5%, #c3e5f8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c4d59', endColorstr='#2c3b46');
	background-color:#3c4d59;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-left-radius:12px;
	text-indent:0px;
	display:inline-block;
	color:#ffffff;
	font-style:normal;
	height:30px;
	line-height:15px;
	width:70%;
	text-decoration:none;
	text-align:center;
	font-size:1.5em;
	outline:none;
}

.btn_antracite:hover,.btn_antracite_small:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c3e5f8), color-stop(1, #4db1eb) );
	background:-moz-linear-gradient( center top, #c3e5f8 5%, #4db1eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c3b46', endColorstr='#3c4d59');
	background-color:#4db1eb;
	color:#ffffff;
}
.btn_antracite:active,.btn_antracite_small:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.btn_vert {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4db1eb), color-stop(1, #c3e5f8) );
	background:-moz-linear-gradient( center top, #4db1eb 5%, #c3e5f8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4db1eb', endColorstr='#c3e5f8');
	background-color:#ccd439;
	-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_vert:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5eb7ec), color-stop(1, #c3e5f8) );
	background:-moz-linear-gradient( center top, #c3e5f8 5%, #4db1eb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3e5f8', endColorstr='#4db1eb');
	background-color:#5eb7ec;
	color:#ffffff;
}
.btn_detail {line-height:18px; height:36px}
.btn_blanc:hover{
	color:#fff;
	background-color:#4db1eb;
}

.form select, .form input, .form textarea  {
	border-color:#5eb7ec !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}
/*.traitPointille {border-bottom:3px dotted #85765b; margin-top:40px; margin-bottom:50px}*/

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

.annonce_photo {
	text-align:center;
	width:250px;
	border: solid 1px #d2d2d2;
	margin-bottom:10px;
}
.annonce_photo img{
	max-height: 190px;
	max-width: 250px;
	margin:0px auto;
	/*margin-bottom:10px;*/
}
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-width:240px !important;
	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 .bx-controls-direction a{bottom:3px !important; top:auto !important}

.triangle_blanc {
	width:100%;
	height:auto;	
	display:none;
}
.triangle {
	max-width:269px;
	width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom:10px;
}
/*#vignetteDiapo {display:none}*/

#map {
	height: 450px;
	background-color: #CCC;
}

@media (max-width: 767px) {
	#colorSupport {background-color:#FF0} /*Jaune*/
	#banHaut{height:170px; margin-top:10px}
	#sousMenu {
		background-image:url(../img/fond_sous_menu_small.png);
		background-repeat:repeat-x;
		height:15px;}
	/*.logoBanniere {width:250px; height:137px}*/
	.logoBanniere {
		display: block;
		max-width: 100%;
		height: auto;
	}
	.navbar-nav > li > a {font-size:1em}
	.navbar-nav > li > a:hover {border:none}
	#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:#5eb7ec !important; color:#FFF !important}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#FFF !important; font-family: 'BlairMdITC'; font-size:0.8em}
	.navbar-nav > li.active > a:hover{border-top:3px dotted #FFF;	border-bottom:3px dotted #FFF;	background-color:transparent !important;}
	.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:10px}
	.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}
}

@media (min-width: 768px) and (max-width: 991px) {
	#colorSupport {background-color:#0F0; overflow:hidden; margin-bottom:0px !important} /*vert*/
	.navbar-nav > li > a {letter-spacing:0.05em; font-size:0.7em; margin-top:0px}
	.navbar-nav > li > a:hover {margin-top:-3px;}
	#menu{height:45px}
	#vignetteDiapo {margin-top:-220px}
	#vignetteDiapo {width:200px}
	.navbar-brand {display:none}
	.navbar-nav {margin-top:3px !important}
	.navbar-nav > li.separateur {margin-left:2px;margin-right:2px; font-size:1.2em; margin-top:-5px !important}
	.paddingBottomAccueil{padding-bottom:50px}
	
	.blocPadding { width:96%; padding: 2px 10px; margin-bottom:20px;}
	.blocAccueil {min-height:410px}
	.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}
	.blocAccueil {min-height:500px}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#colorSupport {background-color:#00F} /*bleu*/
	.navbar-nav > li {padding-top:8px}
	.navbar-nav > li > a {font-size:0.9em; margin-top:0px;}
	.navbar-nav > li > a:hover {margin-top:0px;}
	#menu{height:50px}
	#vignetteDiapo {margin-top:-300px;}
	.navbar-brand {display:none}
	.navbar-nav > li.separateur {margin-left:2px;margin-right:2px; font-size:1.2em;}
	.fondFull {height:900px}
	.iframeSituation {width:280px; height:320px; margin-bottom:30px}
	.bandeauService{width:900px; height:82px;}
	.fondServices{height:82px}
	.blocAccueil {min-height:500px}

}

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

@media (min-width: 1500px) {
	#vignetteDiapo {display:block}
}