body {
	background-color:#404042
}

#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{
	background: #2b2266;
	color:#FFF;
	width:100%;
	background-image: url(../img/bandeau_gauche.jpg);
	background-repeat: repeat-x;
}

.contentBanHaut {
	background-image: url(../img/bandeau_droite.jpg);
	background-repeat: repeat-x;
}
.BanHautLogo {
	padding-left: 0px
}
/*
#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;	
}

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

.fondDegrade {
	background: #fff; /* Old browsers */

	/*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}
.fondGris {background-color:#e9e9e9}
.fondBloc {background-color:#FFF; border: 1px solid #2b2266; margin-bottom:15px}

.blocPadding { width:94%; padding: 2px 20px; margin-bottom:20px;}
.blocTitre {background-color:#2b2266; margin:0px; padding: 1px 5px 1px 15px; vertical-align:middle; display: block}

.btn_couleur1 {
	background-color:#d7df27;
	padding:10px 15px;
	text-indent:0px;
	display:inline-block;
	color:#2b2266 !important;
	font-style:normal;
	text-decoration:none !important;
	text-align:center;
	outline:none;
	margin-top:5px;
}

.btn_couleur1:hover{
	color:#d7df27 !important;
}

.btn_couleur1:active{
	position:relative;
	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:20px; padding-top:20px}
.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:33px !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 {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%
}

.margin-bottom {
	margin-bottom:0px;	
}

.table-borderless td,
.table-borderless th {
    border:none !important;
}

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

.hidden {display:none}
.hr_resultat {margin:0px}

#cke_show_borders {background-color:#FFF !important}

.team-member {border:2px solid #6db23e; background-color:#FFF; padding:3px ;margin:5px 2px;border-radius: 6px;}
#formulaireRecherche, #formulaireRechercheResultat {top:30px; max-width:100%}



#btn_up {
	position:fixed;
	bottom:15px;
	right:25px;
	display:none;
	cursor:pointer;
	z-index:10;
	color: #2b2266;
}

a img {border:0}

@media (max-width: 767px) {
	.BanHautLogo img {max-width: 100%}
	#colorSupport {background-color:#FF0} /*Jaune*/
	#banHaut{height:auto}
	#sousMenu {
		background-image:url(../img/fond_sous_menu_small.png);
		background-repeat:repeat-x;
		height:15px;}
	.logoBanniere {width:250px; 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}
	.xs-center {text-align:center}
	.img_border {margin-bottom:5px}
	.affix{  position: static !important; }
	.bx-wrapper {max-width:73% !important}
}

@media (min-width: 768px) and (max-width: 991px) {
	.logoBanniere {width:450px; 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}
	#formulaireRechercheResultat {width:235px}
	.bx-wrapper {max-width:75% !important}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	#colorSupport {background-color:#00F} /*bleu*/
	.logoBanniere {width:550px; 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}
	#formulaireRecherche {width:294px}
	#formulaireRechercheResultat {width:280px}
	.bx-wrapper {max-width:85% !important}
}

@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}
	.bx-wrapper {max-width:93% !important}
	#extranet {min-width:600px}
	#formulaireRecherche {width:360px}
	#formulaireRechercheResultat {width:262px}
	/*#formulaireRechercheResultat.affix-top  {margin-left:15px}*/
	#estimation {width:1000px}
}
